|
Plati.ru - Магазин цифровых товаров: пин-коды для игр, интернета и IP-телефонии, электронные книги, программное обеспечение, красивые номера ICQ и многое другое. Зайди и убедись сам! |
Свойства 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 |
