Свойства элементов CSS
Имя |
Значение |
Описание |
background |
color || image || repeat || attachment || position] | inherit |
Управление фоном элемента |
background-color |
color | transparent | inherit |
Цвет фона |
background-image |
uri | none | inherit |
Фоновое изображение |
background-position |
... |
Положение фоновой картинки |
background-repeat |
background-repeat repeat | repeat-x | repeat-y | no-repeat | inherit |
Повторение фоновой картинки |
border |
[ border-width || border-style || color ] | inherit |
Границы элемента |
border-collapse |
collapse | separate | inherit |
Объединение/разделение смежных границ |
border-color |
color {1,4} | transparent | inherit |
Цвет границы |
border-style |
border-style {1,4} | inherit |
Стиль линии границы |
border-top; right; bottom; left |
... |
Управление стилем заданной границы |
border-width |
border-width {1,4} | inherit |
Толщина линии границы |
bottom |
length | percentage | auto | inherit |
Низ элемента |
clear |
none | left | right | both | inherit |
Запрет заполнения свободного пространства рядом с элементом |
clip |
shape | auto | inherit |
Обрезка содержимого элемента |
color |
color | inherit |
Цвет содержимого |
cursor |
... |
Форма курсора |
display |
... |
Способ отображения элемента |
empty-cells |
show | hide | inherit |
Отображение пустых ячеек таблицы |
float |
left | right | none | inherit |
Свободное размещение элемента |
font |
font-style || font-variant || font-weight ] font-size [ / line-height ]? font-family ] | caption | icon
| menu | message-box | small-caption | status-bar | inherit |
Управление шрифтом |
font-family |
family-name | generic-family ],]* [family-name | generic-family] | inherit |
Гарнитура |
font-size |
... |
Размер шрифта |
font-style |
normal | italic | oblique | inherit |
Стиль шрифта |
font-variant |
normal | small-caps | inherit |
Варианты отображения шрифта |
font-weight |
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit |
Толщина шрифта |
height |
length | percentage | auto | inherit |
Ширина элемента |
left |
length | percentage | auto | inherit |
Положение левой границы элемента |
line-height |
normal | number | length | percentage | inherit |
Высота строки |
list-style |
[ list-style-type || list-style-position || list-style-image ] | inherit |
Стиль списка |
margin |
margin-width {1,4} | inherit |
Внешний отступ |
margin-top; right; bottom; left |
margin-width | inherit |
Внешний отступ по заданной стороне |
padding |
padding-width {1,4} | inherit |
Внутренний отступ |
padding-top; right; bottom; left |
padding-width | inherit |
Внутренний отступ по заданной стороне |
position |
static | relative | absolute | fixed | inherit |
Позиционирование элемента |
right |
length | percentage | auto | inherit |
Положение правой границы |
text-align |
left | right | center | justify | string | inherit |
Выравнивание текстового блока |
text-decoration |
none | [ underline || overline || line-through || blink ] | inherit |
Текстовые эффекты |
text-indent |
length> | percentage | inherit |
Абзацный отступ |
text-transform |
capitalize | uppercase | lowercase | none | inherit |
Начертание текста |
top |
length | percentage | auto | inherit |
Положение верхней границы элемента |
vertical-align |
baseline | sub | super | top | text-top | middle | bottom | text-bottom | percentage | length | inherit
|
Вертикальное выравнивание в пределах блока |
visibility |
visible | hidden | collapse | inherit |
Управление видимостью элемента |
white-space |
normal | pre | nowrap | inherit |
Управление пробелами между словами |
width |
length | percentage | auto | inherit |
Ширина элемента |
z-index |
auto | integer | inherit |
Порядок перехода по клавише Tab |