пример
Устанавливает стиль нижней границы:
p
{
border-style: solid;
border-bottom-style: dotted;
}
Попробуй сам " Определение и использование
Свойство границы снизу стиль задает стиль нижней границы элемента.
| Значение по умолчанию: | none |
|---|---|
| Наследование: | no |
| Animatable: | no. Read about animatable |
| Версия: | CSS1 |
| Синтаксис JavaScript: | object .style.borderBottomStyle="dotted" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| border-bottom-style | 1,0 | 5.5 | 1,0 | 1,0 | 9.2 |
Note: Значение "hidden" не поддерживается в IE7 и более ранних версий. IE8 требует! DOCTYPE. IE9 и более поздних версий поддерживает "hidden" .
CSS Синтаксис
border-bottom-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;Значения свойств
| Стоимость | Описание | Сыграй |
|---|---|---|
| none | Задает отсутствие границы. Это по умолчанию | Сыграй " |
| hidden | То же, что "none" , за исключением разрешения конфликтов границ для элементов таблицы | Сыграй " |
| dotted | Указывает пунктирную границу | Сыграй " |
| dashed | Указывает пунктирную границу | Сыграй " |
| solid | Определяет твердую границу | Сыграй " |
| double | Указывает двойную границу | Сыграй " |
| groove | Определяет рифленую границу 3D. Эффект зависит от величины границы цвета | Сыграй " |
| ridge | Определяет ребристых границы 3D. Эффект зависит от величины границы цвета | Сыграй " |
| inset | Определяет границу 3D врезку. Эффект зависит от величины границы цвета | Сыграй " |
| outset | Определяет 3D боковик границу. Эффект зависит от величины границы цвета | Сыграй " |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
Учебник CSS: CSS Border
Справка CSS: border-bottom property
HTML DOM ссылка: borderBottomStyle property