Добавил:
Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
лекции 2005 / P8 / CSS учебник.doc
Скачиваний:
19
Добавлен:
16.04.2013
Размер:
468.99 Кб
Скачать

5.5.12 Установка ширины правой рамки('border-right-width').

Значение: thin | medium | thick | <length>

По умолчанию: 'medium'

Область применения: все элементы

Наследование: нет

Процентное выражение: неопр.

Это свойство определяет ширину правой рамки элемента. Остальное эквивалентно установке ширины верхней рамки('border-top-width').

5.5.13 Установка ширины нижней рамки('border-bottom-width')

Значение: thin | medium | thick | <length>

По умолчанию: 'medium'

Область применения: все элементы

Наследование: нет

Процентное выражение: неопр.

Это свойство определяет ширину нижней рамки элемента. Остальное эквивалентно установке ширины верхней рамки('border-top-width').

5.5.14 Установка ширины левой рамки 'border-left-width'

Значение: thin | medium | thick | <length>

По умолчанию: 'medium'

Область применения: все элементы

Наследование: нет

Процентное выражение: неопр.

Это свойство определяет ширину левой рамки элемента. Остальное эквивалентно установке ширины верхней рамки ('border-top-width').

5.5.15 Установка обобщающего свойства "ширина рамки" ('border-width')

Значение: thin | medium | thick | <length>

По умолчанию: 'medium'

Область применения: все элементы

Наследование: нет

Процентное выражение: неопр.

Это свойство является обобщающим для установки верхней, правой, нижней и левой ширины рамки в одном правиле таблицы стилей.

Может быть указано от одного до четырех значений, обрабатываемых следующим образом:

  • одно значение: используется для установки ширины всех четырех рамок

  • два значения: ширина верхней и нижней рамок устанавливаются по первому значению, правое и левое - по второму

  • три значения: ширина верхней рамки устанавливается по первому значению, правого и левого по второму, а нижнего по третьему

  • четыре значения: соответственно ширина верхней, правой, нижней и левой рамок.

В нижеследующем примере комментарии указывают на получившуюся величину ширины верхней, правой и левой рамок:

H1 { border-width: thin } /* thin thin thin thin */

H1 { border-width: thin thick } /* thin thick thin thick */

H1 { border-width: thin thick medium } /* thin thick medium thin */

H1 { border-width: thin thick medium none } /* thin thick medium none */

Величина рамки не может быть отрицательной.

5.5.16 Установка цвета рамки ('border-color').

Значение: <color>{1,4}

По умолчанию: значение свойства 'color'

Область применения: все элементы

Наследование: нет

Процентное выражение: неопр.

Свойство "цвет рамки" ('border-color') определяет цвет четырех сторон рамки. "Цвет рамки" может иметь от одного до четырех значений, которые устанавливают цвета сторон рамки аналогично вышеописанному для толщины рамки.

Если не задано ни одного значения цвета, по умолчанию присваивается значение свойства "цвет" самого элемента:

P {

color: black;

background: white;

border: solid;

}

В вышеуказанном примере рамка представляет собой сплошную черную линию.

5.5.17 Установка стиля рамки ('border-style')

Значение: none | dotted | dashed | solid | double | groove | ridge | inset |

outset

По умолчанию: none

Область применения: все элементы

Наследование: нет

Процентное выражение: неопр.

Свойство "стиль рамки" устанавливает стиль четырех сторон рамки. Оно может иметь от одного до четырех значений для разных сторон, устанавливаемых аналогично вышеописанному для ширины рамки.

#xy34 { border-style: solid dotted }

В вышеприведенном примере горизонтальные стороны рамки будут сплошными, а вертикальные - пунктирными.

Так как значение стиля рамки по умолчанию - 'none', то в случае, если стиль рамки явно не задан, видимой рамки не будет.

Возможны следующие стили рамки:

none

рамка не изображается (независимо от значения ширины рамки)

dotted

рамка - пунктирная линия поверх обоев элемента

dashed

рамка - штриховая линия поверх обоев элемента

solid

рамка - сплошная линия

double

рамка - двойная линия поверх обоев элемента. Сумма толщин двух линий и промежутка между ними соответствует толщине рамки.

groove

объемная канавка, цвета на основе значения свойства "цвет".

ridge

объемный гребень, цвета на основе значения свойства "цвет".

inset

объемная складка внутрь, цвета на основе значения свойства "цвет".

outset

объемная складка наружу, цвета на основе значения свойства "цвет".

Ядро CSS:UA может обрабатывать 'dotted', 'dashed', 'double', 'groove', 'ridge', 'inset' и 'outset' как сплошную линию ('solid').

Тут вы можете оставить комментарий к выбранному абзацу или сообщить об ошибке.

Оставленные комментарии видны всем.