CSS: Урок 14. CSS border | Границы элементов |
CSS атрибуты и значения, определяющие границы
Рассмотрим все свойства элемента border:
<head> |
Результат: CSS границы элементов
Рассмотрим строчку border-right:10px double Red. Первое значение устанавливает толщину границы в 10 пиксел, double определяет двойную сплошную линию в качестве границы, Red – цвет.
Атрибут border соединяет в себе:
Запись border:1px solid #000000 равносильна:
Строка border:1px solid #000000 может быть представлена таким образом:
Такой вариант менее рационален, так как требует больше времени на написание кода.
Еще примеры:
border-bottom: 1px solid #00cc00 |
border-bottom: 3px dotted DarkOrange |
border-bottom: 3px dashed Blue |
border-bottom: 7px double Red |
border-bottom: 8px groove Red |
border-bottom: 8px ridge Red |
border-bottom: 8px inset Red |
border-bottom: 8px outset Red |
Заметьте, что в последних пяти примерах установлен цвет Red.
При border:none видимая граница элемента отсутствует.
ab-w.netРубрики: | Полезное Уроки CSS |
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |
Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |