Основные свойства CSS.

10.02.2010. CSS, Дизайн

0

Фон

Границы (Край)

Задание границы в css состоит из нескольких частей. Во-первых, граница может быть правой (right), левой (left), верхней (top) и нижней (bottom). Также любая граница имеет несколько свойств: цвет (color), стиль границы (style), толщина границы (width).

Имя свойства строится из всего вышеперечисленного:

border-положение-свойство:

Если пропустить положение, то свойство будет применяться ко всем границам. Кроме этого, можно как в фоне задавать сразу несколько свойств. Тогда значения свойств перечисляются через пробел:

border-top:1px solid black; - верхняя граница имеет толщину в один пиксель, она черного цвета и непрерывная

Возможные значения свойств:

color - как всегда, цвет в RGB формате или в виде имени цвета.

color:red; color:#FED; color:#13F29E; - три варианта задания цвета.

width - тоже не особо интересный параметр. Определяет ширину границы. Задается в пикселях.

style- самый интересный параметр, определяет вид границы

Примеры:

border:2px solid green; - задает зеленую границу в 2 пикселя

border-left-style: dotted; - делает левую границу пунктирной

border-right: double 10px #666; устанавливает ширину правой границы в 10px, стиль - двойная линия и цвет #666 (если не ошибаюсь, то серый)

Продолжение следует!!!

UPD:

Продолжение: отступы и поля

Страница 1 из 11

Rambler's Top100 Блогун - монетизируем блоги