Основы CSS


Оформление CSS


Боксовая модель CSS


Расширенный CSS


Примеры CSS


Справка CSS



Свойства CSS по алфавиту


назад вперед

Мы периодически тестируем CSS в основных браузерах. Последний тест — 9 ноября 2009 года.


Свойства CSS от A до Z

Ссылка в колонке «Свойство» указывает на синтаксис, совместимость с браузерами, примеры и т.д.

В колонке «CSS» указывается версия CSS (CSS 1 или CSS 2), в которой появилось это свойство.

Свойство Описание CSS
background Свойства фона одной записью 1
background-attachment Указывает прокручивать фоновое изображение вместе с текстом или нет 1
background-color Цвет фона элемента 1
background-image Изображение фона элемента 1
background-position Позиция фонового изображения 1
background-repeat Повтор фонового изображения 1
border Свойства бордюра (границы элемента) одной записью 1
border-bottom Свойства нижнего бордюра 1
border-bottom-color Цвет нижнего бордюра 2
border-bottom-style Стиль нижнего бордюра 2
border-bottom-width Ширина линий нижнего бордюра 1
border-color Цвет всех четырех бордюров 1
border-collapse Отображение/Скрытие двойных границ в местах соприкосновения ячеек таблицы 2
border-left Свойства левого бордюра одной записью 1
border-left-color Цвет левого бордюра 2
border-left-style Стиль левого бордюра 2
border-left-width Ширина левого бордюра 1
border-right Свойства правого бордюра одной записью 1
border-right-color Цвет правого бордюра 2
border-right-style Стиль правого бордюра 2
border-right-width Ширина правого бордюра 1
border-spacing Расстояние между ячейками в таблице 2
border-style Стиль всех бордюров элемента 1
border-top Все свойства верхнего бордюра 1
border-top-color Цвет верхнего бордюра 2
border-top-style Стиль верхнего бордюра 2
border-top-width Ширина верхнего бордюра 1
border-width Ширина всех бордюров 1
bottom Нижний отступ элемента от соседних элементов 2
caption-side Положение названия таблицы относительно таблицы 2
clear Указания стороны, с которой запрещено обтекать элемент 1
clip Указание видимой части абсолютно позиционированного элемента 2
color Цвет текста 1
content Используется вместе с псевдо-элементами :before и :after для вставки содержимого 2
counter-increment Активизация одного или нескольких счетчиков отображения определенного элемента на странице 2
counter-reset Создание/сброс счетчика отображения определенного элемента на странице 2
cursor Вид отображаемого курсора 2
direction Направление написания/вывода текста на странице 2
display Настройка отображения/скрытия элементов 1
empty-cells Настройка отображения бордюров пустых ячеек таблицы 2
float Настройка смещения (всплывания) элементов 1
font Свойства шрифта одной записью 1
font-family Изменение семейства шрифта 1
font-size Изменение размера шрифта 1
font-style Изменение отображения шрифта 1
font-variant Изменение трансформации шрифта (все символы отображаются как строчные/заглавные буквы) 1
font-weight Изменение жирности шрифта 1
height Высота элемента 1
left Левый отступ до соседних элементов 2
letter-spacing Настройка расстояния между буквами 1
line-height Высота строки 1
list-style Свойства списка одной записью 1
list-style-image Изображение в качестве маркера списка 1
list-style-position Положение маркера списка 1
list-style-type Тип отображаемых маркеров списка 1
margin Свойства отступа от соседних элементов одной записью 1
margin-bottom Нижний отступ от соседних элементов 1
margin-left Левый отступ от соседних элементов 1
margin-right

Правый отступ от соседних элементов

1
margin-top Верхний отступ от соседних элементов 1
max-height Максимальная высота элемента 2
max-width Максимальная ширина элемента 2
min-height Минимальная высота элемента 2
min-width Минимальная ширина элемента 2
orphans Настройка минимального количества строк, которое остается внизу страницы при печати 2
outline Свойства внешнего бордюра (outline) одной записью 2
outline-color Цвет внешнего бордюра 2
outline-style Стиль внешнего бордюра 2
outline-width Ширина линий внешнего бордюра 2
overflow Настройка поведения в случае, если содержимое элемента не помещается в видимые границы элемента 2
padding Свойства полей (расстояния от границ элемента до его содержимого) одной записью 1
padding-bottom Нижние поля элемента 1
padding-left Левые поля элемента 1
padding-right Правые поля элемента 1
padding-top Верхние поля элемента 1
page-break-after Добавление разрыва страницы при печати после определенного элемента 2
page-break-before Добавление разрыва страницы при печати до определенного элемента 2
page-break-inside Добавление разрыва страницы при печати внутри определенного элемента 2
position Настройка позиции элемента 2
quotes Настройка видов кавычек для элемента <q> 2
right Правый отступ элемента до соседних элементов 2
table-layout Алгоритм вычисления ширины колонок таблицы 2
text-align Выравнивание текста по горизонтали 1
text-decoration Оформление текста 1
text-indent Отступ первой строки текста слева в текстовых блоках(например, в параграфах) 1
text-shadow Настройка эффекта тень в тексте 2
text-transform Изменение трансформации текста (отображение текста в виде заглавных/строчных букв) 1
top Верхний отступ до соседних элементов 2
vertical-align Выравнивание элемента по вертикали 1
visibility Видимость/скрытие элемента 2
white-space Настройка отображения пробелов между словами 1
widows Настройка минимального количества строк, которое остается вверху новой страницы при печати 2
width Ширина элемента 1
word-spacing Настройка расстояния между словами 1
z-index Настройка расстояния элементов в третьем измерении (расстояние вглубь монитора—ближе к пользователю) 2

Псевдо классы / элементы CSS

Pseudo name Description CSS
:active Настройка стиля активного элемента (стиль при щелчке мышью) 1
:after Добавление содержимого после указанного элемента 2
:before Добавление содержимого до указанного элемента 2
:first-child Редактирование стиля элемента, который встречается первый раз в данном блоке (например, первый блок, выделенный тегом <b> в параграфе) 2
:first-letter Настройка отображения первой буквы в блоке (например, выделение первой буквы в параграфе — буквица), если вы читали старые русские книги, в которых первая буква параграфа выделялась оформлением с сравнении с отстальными буквами, вы поймете о чем идет речь 1
:first-line Настройка отображения первой строки текстового блока 1
:focus Настройка элемента, на котором находится фокус, например, текстовое поле или поле пароля при вводе 2
:hover Настройка элемента, над которым находится курсор мыши 1
:lang Настройка стиля элементов с атрибутом lang 2
:link Настройка оформления непосещенных ссылок 1
:visited Настройка стиля посещеннных ссылок 1

назад вперед

СТАТИСТИКА



ССЫЛКИ


Подпишись на новости сайта