English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Атрибут border-bottom-style CSS используется для отдельного установления стиля нижней рамки элемента. Однако, в нашей практической работе мы обычно используемborder-styleилиborder-bottomопределять стиль рамки.
В таблице ниже приведено описание использования и истории версий этого свойства, а также его использование в скриптах JavaScript.
| Значение по умолчанию: | none |
|---|---|
| Применяется к: | Все элементы |
| Инheritability: | Нет |
| Анимировано: | Нет.См. также Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| JavaScript синтаксис: | object object.style.borderBottomStyle="dashed" |
Синтаксис этого свойства следующий:
border-bottom-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit
Ниже приведен пример того, как использовать атрибут border-bottom-style.
p {
border-bottom-style: dashed;
border-bottom-width: 3px;
}Проверьте, посмотрите‹/›В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
none | Отображается без рамки. |
| hidden | Как и none, но различие в том, что ячейки таблицы имеютСворачиваемая рамкаи две ячейки делят рамку. Значение hidden гарантирует, что рамка не будет рисоваться, так как hidden имеет приоритет перед всеми другими стилями рамки. |
| dotted | Показывать рамку в виде серии точек. |
| dashed | Показывать рамку в виде серии коротких отрезков, т.е. тире. |
| solid | Показывать рамку в виде сплошной линии. |
| double | Показывать рамку в виде двух параллельных сплошных линий, оставляя между ними определенное расстояние. Общая длина линий и расстояние между ними равноborder-widthзначение. |
| groove | Показывать рамку, выгравированную в канву. Это создает впечатление 3D, обычно достигается созданием тени с помощью цвета, более светлого, чем цвет рамки.border-colorСоздается тень с помощью двух более светлых и darker цветов. |
| ridge | Показывать рамку, обратную по эффекту groove. Это также создает впечатление 3D, рамка выглядит, как будто она выходит из канвы. |
| inset | Показывать рамку, как будто элемент вписан в канву. Это создает впечатление 3D, обычно достигается созданием тени из двух цветов, более темных, чем цвет рамки.border-colorСлегка ярче и darker. |
| outset | Показывать рамку, обратную по эффекту inset. Это также создает впечатление 3D, рамка делает коробку, как будто она выходит из канвы. |
| initial | Установить это свойство в его значение по умолчанию. |
| inherit | Если указано, то соответствующие элементы используют вычисленный значение свойства border-bottom-style родительского элемента. |
Совместимость браузеров для свойства border-bottom-style, в таблице числа указывают на минимальную версию браузера, поддерживающего это свойство, все основные браузеры поддерживают это свойство.
|
Внимание: Microsoft Internet Explorer 7 и более ранние версии не поддерживают значение value hidden. IE8 поддерживает, но требует. Поддержка значения hidden доступна в IE9 и более поздних версиях.
См. также учебник:CSS Border,CSS3 Border.
Соответствующие свойства:border,border-style,border-bottom,border-bottom-color,
border-bottom-width.