Стили границ

Стили границ

Помимо размера, CSS предоставляет возможность задавать стиль границ таблицы. Для этого используется свойство border-style. Рассмотрим список значений данного свойства и их описания.

• none – граница отсутствует.

• hidden – аналогично значению none, но в модели с пересекающимися границами имеет приоритет над любыми другими границами.

• dotted – граница представляется рядом точек.

• dashed – граница представляется рядом коротких линейных сегментов.

• solid – граница представляется единым сегментом линии.

• double – граница представляется двумя сплошными линиями. Сумма толщины двух линий и расстояния между ними равна значению border-width.

• groove – граница выглядит вдавленной.

• ridge – в противоположность groove, граница выглядит выпуклой.

• inset – в модели с отдельными границами весь блок выглядит вдавленным. В модели с пересекающимися границами это значение дает тот же эффект, что и значение groove.

• outset – в модели с отдельными границами весь блок выглядит выпуклым. В модели с пересекающимися границами это значение дает тот же эффект, что и значение ridge.

Вы можете поэкспериментировать с различными значениями и посмотреть, как их отобразит ваш браузер. Подробнее про границы будет рассказано в разд. 9.7.

Данный текст является ознакомительным фрагментом.