|
|||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||
Границы в CSS |
|||||||||||||||||||||||||||||||||||||||||||||
Спецификация CSS2 описывает атрибут стиля border, который позволяет задать вид границ вокруг объектов. Атрибут border может быть применен к любым объектам. Могут быть установлены следующие параметры границы:
Кроме подробного описания каждого атрибута границы, можно применять сокращенную форму в таком виде: border: [border-width] [border-style] [border-color] Спецификация CSS2 позволяет задать стили для каждой из сторон границы (к сожалению, это реализовано только в браузерах Internet Explorer и Opera). Такие правила записываются следующим образом: border-сторона[-атрибут]. Где сторона может принимать следующие значения: top (верхняя граница), bottom (нижняя граница), left (левая граница) и right (правая граница). Таким образом { border-top-width: 1px } будет означать, что ширина верхней границы должна быть 1 пиксель. Для примера рассмотрим следующую модель: Тест
использования атрибутов границы элемента <DIV>
Вот код: <DIV STYLE="background: silver; ВНИМАНИЕ!!! При использовании данного
фрагмента кода поместите все правила атрибута STYLE в одну строку! Разбивка на строки сделана для
улучшения форматирования!
Здесь опять надо заметить, что не все эти стили реализованы в ведущих браузерах. Стили dotted и dashed реализованы только в браузере Opera. Реализация последних четырех стилей зависит от конкретного браузера. Следовательно при их реализации необходимо все проверять и проверять. Большое значение, в этом случае, имеют параметры цвета границы, цвета фона и ширины границы. Поэкспериментируйте немного для получения желаемого эффекта. Источник: http://exper.ural.ru/
|
|||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||
Copyright © "Internet Zone", info@izcity.com | |||||||||||||||||||||||||||||||||||||||||||||
Копирование и использование данных материалов разрешается только в случае указания на журнал "Internet Zone", как на источник получения информации. При этом во всех ссылках обязательно явное указание адреса вэб-сайта http://www.izcity.com/. При наличии у копируемого материала авторов и источника информации - их также нужно указывать, наряду со ссылкой на нас. |