С помощью этого параметра можно установить стиль, цвет и толщину рамок вокруг элемента, будь то изображение или отдельные блоки. Свойства: border-width - определяет ширину рамки. Значения устанавливаются в пикселях. Пример: Code border-width: 3px; // Ширина рамки 3 пикселя В одной строке также можно установить ширину для всех четырех сторон рамки. Первый размер указывается для верхней стороны, потом по часовой стрелке. Пример: Code border-width: 1px 2px 3px 4px; - в данном случае ширина сторон будет такая: Верхняя - 1 пиксель. Правая - 2 пикселя. Нижняя - 3 пикселя. Левая - 4 пикселя. border-style - определяет стиль рамки. Этот атрибут должен быть указан обязательно, иначе рамка не будет отображена в странице. Примеры: Code border-style: solid; // Сплошная рамка Code border-style: double; // Двойная сплошная линия Code border-style: groove; // Выдавленная рамка Code border-style: ridge; // Поднятая рамка Code border-style: inset; // Выдавленная область внутри рамки Code border-style: outset; // Поднятая область внутри рамки Code border-style: dotted; // Рамка в виде мелкого пунктира Code border-style: dashed; // Рамка в виде крупного пунктира border-color - определяет цвет рамки. Можно указать один цвет для всей рамки, или для каждой стороны в отдельности, как в примере с шириной (выше). Примеры: Code border-color: #FFOOOO; // Один цвет для всей рамки Code border-color: #FFOOOO #EE55AA #OOOOOO #FFFFFF; // для каждой рамки определенный цвет
|