Основные свойства CSS.
Фон
- background-color: цвет - задает цвет фона. Может быть задан в формате RGB (#XXXXXX или #XXX), или именем цвета (black, green, gray)
- background-image: url('link_for_image') - устанавливает фоновое изображений.
- background-attachment: fixed or scroll - сообщает браузеру, надо ли прокручивать фоновое изображение или оно должно оставаться на месте
- background-position: выравнивание по горизонтали (left,right,center) выравнивание по вертикали (top,bottom)
- background-repeat: как повторять. Может быть repeat-x, repeat-y, no-repeat, repeat (повторять по горизонтали, по вертикали, не повторять, повторять по горизонтали и вертикали)
- background: параметры. Объединяет предыдущие свойства. То есть, вместо задания их по отдельности можно задать все параметры сразу через пробел. Например, background: url('aaaa.jpg') #FFE repeat;
Границы (Край)
Задание границы в css состоит из нескольких частей. Во-первых, граница может быть правой (right), левой (left), верхней (top) и нижней (bottom). Также любая граница имеет несколько свойств: цвет (color), стиль границы (style), толщина границы (width).
Имя свойства строится из всего вышеперечисленного:
border-положение-свойство:
Если пропустить положение, то свойство будет применяться ко всем границам. Кроме этого, можно как в фоне задавать сразу несколько свойств. Тогда значения свойств перечисляются через пробел:
border-top:1px solid black; - верхняя граница имеет толщину в один пиксель, она черного цвета и непрерывная
Возможные значения свойств:
color - как всегда, цвет в RGB формате или в виде имени цвета.
color:red; color:#FED; color:#13F29E; - три варианта задания цвета.
width - тоже не особо интересный параметр. Определяет ширину границы. Задается в пикселях.
style- самый интересный параметр, определяет вид границы
- style:dotted - пунктирная граница
- style:dashed - тоже пунктирная, пунктир чуть больше
- style:solid - непрерывная линия
- style:double - двойная непрерывная линия
Примеры:
border:2px solid green; - задает зеленую границу в 2 пикселя
border-left-style: dotted; - делает левую границу пунктирной
border-right: double 10px #666; устанавливает ширину правой границы в 10px, стиль - двойная линия и цвет #666 (если не ошибаюсь, то серый)
Продолжение следует!!!
UPD:
Похожие записи:
- Что такое CSS?
- Текст с тенью при помощи CSS
- Блочная верстка сайта (верстка с помощью DIV и CSS)
- Рамки с круглыми краями и прозрачность в CSS.
- Еще немного CSS. Поля и отступы.
- Снова CSS. Шрифты, форматирование, позиционирование
- Прижимаем footer (подвал/футер) к низу экрана
- CSS: Меры измерения: px, em, pt, %,cm,mm
- Основные html теги
- Краткие основы JavaScript
Метки: background CSS HTML style width границы край свойства фон
Loading ...