| |
стилевого свойства borderspacing
параметр cellspacing не принимается во внимание и его значение игнорируется.
Исключением из
этого правила является браузер Internet Explorer до седьмой версии включительно,
который не понимает
свойство border-spacing.
border-style
Краткая информация
Описание
Устанавливает стиль границы вокруг элемента. Допустимо задавать индивидуальные
стили для разных
сторон элемента.
Синтаксис
border-style: [none | hidden | dotted | dashed | solid | double | groove |
ridge | inset | outset] {1,4} | inherit
Значения
Для управления видом границы предоставляется несколько значений свойства
border-style. Вид зависит от
используемого браузера и заданной толщины границы. В табл. 1 приведены названия
стилей и получаемая
рамка при разных значениях толщины — 1, 3, 5 и 7 пикселов.
Кроме перечисленных в таблице значений используются следующие ключевые слова.
Не отображает границу и ее толщина (border-width) задается нулевой.
Имеет тот же эффект, что и none за исключением применения border-style к
ячейкам таблицы,
у которой значение свойства border-collapse установлено как collapse. В этом
случае вокруг
ячейки граница не будет отображаться вообще.
Наследует значение родителя.
Разрешается использовать одно, два, три или четыре значения, разделяя их между
собой пробелом.
Эффект зависит от количества и указан в табл. 2.
Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Ошибки Ошибки Да Да Да Да Да Да Да Да Да Да Да Да
CSS CSS1
Значение по умолчанию none
Наследуется Нет
Применяется Ко всем элементам
Аналог HTML ![]() |
Ссылка на
спецификацию
http://www.w3.org/TR/CSS21/box.html#propdef-borderstyle
Табл. 1. Вид рамки в зависимости от стиля и толщины границы элемента
1 пиксел 3 пиксела 5 пикселов 7 пикселов
dotted dotted dotted dotted
dashed dashed dashed dashed
solid solid solid solid
double double double double
groove groove groove groove
ridge ridge ridge ridge
inset inset inset inset
outset outset outset outset
none
hidden
inherit
Табл. 2. Зависимость результата использования от числа значений
Число
Результат
Пример
border-style
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem
nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
Результат данного примера показан ни рис. 1.
|
 | [Весь Текст] |
| |  |
|
