|
У каждого блочного элемента разметки есть граница. От границы отсчитываются отступы (margin и padding). Вдоль границы "плавающего" блока происходит его обтекание текстом.
Для описания границ блоков применяются следующие атрибуты:
HTML и CSS в примерах. Создание Web-страниц.
Авторы: Кожемякин А.А.
Издательство: "Нет данных по издательству"
Год издания: 2004
ISBN: 5-94271-017-1
|
|
Данное издание представляет собой пособие по теоретическому и практическому освоению технологий создания Web-страниц - языка разметки гипертекста HTML и каскадных таблиц стилей CSS. Также рассмотрены вопросы проектирования, тестирования и размещения в Интернете сайтов, оптимизации Web-графики, схемы Интернет-адресации, популярные Web-браузеры и многое другое.
Книга написана доступным языком и содержит множество живых примеров, показывающих огромные возможности использования HTML и CSS. В последней главе приведен пример создания и размещения в Интернете конкретного сайта.
Издание рассчитано на широкий круг читателей и адресовано всем, кто хочет научиться создавать Web-страницы и предпочитает делать это на практике.
|
- border-top-width:
- ширина верхней границы блока.
- border-bottom-width:
- ширина нижней границы блока.
- border-left-width:
- ширина левой границы блока.
- border-right-width:
- ширина правой границы блока.
- border-width:
- ширина границы блока. Задается в том случае, если ширина границы блока одинаковая по всему периметру блока
- border-color:
- цвет границы блока. Согласно спецификации CSS1 может быть задан для каждой из границ блока. Например, border-right-color:red. Может задаваться как мнемоникой (red, blue, navy и т.п.), так и в нотации RGB (border-color:#003366). Указание цвета для каждой из границ поддерживается не всеми браузерами.
- border-style:
- тип линии границы блока. Может принимать значения: none, dotted, dashed, solid, double, groove, ridge, inset, outset. Согласно спецификации CSS1 может быть задан для каждой из границ блока. Например, border-right-style:dotted. Указание типа линии границы поддерживается не всеми браузерами.
Для описания границы нет необходимости указывать в стиле все атрибуты. Существует сокращенная запись атрибутов. Например, для описания верхней линии границы можно применить запись типа:
p {border-top:1px dotted red;}
атрибут: ширина_линии тип_линии цвет_линии
Если необходимо ограничить блок текста границей, то это может выглядеть примерно так:
В этом примере мы использовали следующее описание стиля отображения границы:
p {text-align:left;border-width:2px;
border-color:darkred;border-style:solid;}
Применение границы для обозначения блока не самый элегантный способ оформления документа. Во всяком случае применяют ее нечасто.
Указывая границу в IE, нужно обязательно указывать ее тип, в противном случае она не будет отображаться.
|
PHP