Последние учебники веб-разработки
×

CSS Справка

CSS Справка CSS Селекторы CSS функции CSS Ссылка Aural CSS Веб-Safe шрифты CSS Animatable CSS Единицы CSS PX-EM конвертер CSS Цвета CSS цвет Значения CSS3 Поддержка браузеров

CSS свойства

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-size font-size-adjust font-stretch font-style font-variant font-weight hanging-punctuation height justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width @media min-height min-width nav-down nav-index nav-left nav-right nav-up opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position quotes resize right tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index



 

CSS Reference


Заметка справка CSS w3ii 'регулярно тестируются со всеми основными браузерами.


Свойства CSS

CSS Группы свойств


"CSS" столбец указывает , в какой CSS версии свойство определено (CSS1, CSS2, or CSS3) .

Цвет Свойства

Имущество Описание CSS
color Устанавливает цвет текста 1
opacity Устанавливает уровень непрозрачности для элемента 3

Предпосылки и свойства границ

Имущество Описание CSS
background Сокращённое свойство для установки всех свойств фона в одной декларации 1
background-attachment Устанавливает ли фиксирована или прокручивается фоновое изображение с остальной частью страницы 1
background-blend-mode Задает режим наложения каждого фонового слоя (color/image)
background-color Определяет цвет фона элемента 1
background-image Задает один или несколько фоновых изображений для элемента 1
background-position Задает позицию фонового изображения 1
background-repeat Устанавливает, как будет повторяться фоновое изображение 1
background-clip Определяет область рисования фона 3
background-origin Определяет , где фоновое image(s) является / расположены 3
background-size Задает размер фонового image(s) 3
border Устанавливает все свойства рамки в одной декларации 1
border-bottom Устанавливает все свойства нижней границы в одной декларации 1
border-bottom-color Устанавливает цвет нижней границы
border-bottom-left-radius Определяет форму границы нижнего левого угла 3
border-bottom-right-radius Определяет форму границы нижнего правого угла 3
border-bottom-style Устанавливает стиль нижней границы 1
border-bottom-width Устанавливает ширину нижней границы 1
border-color Устанавливает цвет четырех границ 1
border-image Сокращённое свойство для установки всех приграничных-image- * свойства 3
border-image-outset Определяет величину, на которую пограничная область изображения выходит за пределы коробки границы 3
border-image-repeat Определяет, должен ли быть повторен граница изображения, закругленные или растянуты 3
border-image-slice Определяет, как разрезать изображение границы 3
border-image-source Задает путь к изображению, чтобы использовать в качестве границы 3
border-image-width Определяет ширину изображения-границы 3
border-left Устанавливает все левой границы свойства в одной декларации 1
border-left-color Устанавливает цвет левой границы 1
border-left-style Устанавливает стиль левой границы 1
border-left-width Устанавливает ширину левой границы 1
border-radius Сокращённое свойство для установки всех четырех границы - * - радиус свойства 3
border-right Устанавливает все правильные пограничные свойства в одной декларации 1
border-right-color Устанавливает цвет правой границы 1
border-right-style Устанавливает стиль правой границы 1
border-right-width Устанавливает ширину правой границы 1
border-style Устанавливает стиль четырех границ 1
border-top Устанавливает все свойства верхней границы в одной декларации 1
border-top-color Устанавливает цвет верхней границы 1
border-top-left-radius Определяет форму границы в верхнем левом углу 3
border-top-right-radius Определяет форму границы в верхнем правом углу 3
border-top-style Устанавливает стиль верхней границы 1
border-top-width Устанавливает ширину верхней границы 1
border-width Устанавливает ширину четырех границ 1
box-decoration-break Устанавливает поведение фона и границы элемента на странице-брейк, или, в-линии элементов, на разрыв строки. 3
box-shadow Придает один или несколько отбрасывание тени к коробке 3

Основные свойства Box

Имущество Описание CSS
bottom Определяет нижнюю позицию позиционируемого элемента 2
clear Определяет, какие стороны элемента, где другие плавающие элементы не допускаются 1
clip Клипы абсолютно позиционируемый элемент 2
display Определяет, как должен отображаться некий HTML-элемент 1
float Определяет, должен ли коробка плавать 1
height Устанавливает высоту элемента 1
left Определяет левую позицию позиционируемого элемента 2
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
overflow
Указывает, что происходит, если содержимое переполняет бокс элемента не давал 2
overflow-x Указывает, следует ли обрезать левый / правый края содержания, если оно переполняет область содержимого элемента 3
overflow-y Указывает, следует ли обрезать верх / низ края содержимого, если оно переполняет область содержимого элемента 3
padding Устанавливает все свойства отступов в одной декларации 1
padding-bottom Устанавливает нижний отступ элемента 1
padding-left Устанавливает левый отступ элемента 1
padding-right Устанавливает правильное заполнение элемента 1
padding-top Устанавливает верхний отступ элемента 1
position Определяет тип способа позиционирования используется для элемента (статический, относительный, абсолютный или фиксированный) 2
right Определяет правильное положение позиционируемого элемента 2
top Задает верхнее положение позиционируемого элемента 2
visibility Определяет, является ли видимым элементом 2
width Устанавливает ширину элемента 1
vertical-align Устанавливает вертикальное выравнивание элемента 1
z-index Устанавливает порядок стека позиционируемого элемента 2

Гибкая Box Layout

Имущество Описание CSS
align-content Определяет выравнивание между строк внутри гибкого контейнера, когда элементы не использовать все доступное пространство 3
align-items Определяет выравнивание для элементов внутри гибкого контейнера 3
align-self Определяет выравнивание для выбранных элементов внутри гибкого контейнера 3
flex Определяет длину элемента, по отношению к остальным 3
flex-basis Определяет начальную длину гибкого элемента 3
flex-direction Определяет направление гибких элементов 3
flex-flow Сокращённое свойство для гибкого направлении и свойства гибкого намотка 3
flex-grow Определяет, сколько элемент будет расти по отношению к остальной 3
flex-shrink Определяет, как элемент будет уменьшаться по отношению к остальной 3
flex-wrap Указывает, следует ли гибкие элементы переноситься или нет 3
justify-content Определяет выравнивание между элементами внутри гибкого контейнера, когда элементы не использовать все доступное пространство 3
order Устанавливает порядок гибкого элемента, по отношению к остальным 3

Свойства текста

Имущество Описание CSS
hanging-punctuation Определяет, является ли символ пунктуации может быть размещен за пределами штрафной линии 3
hyphens Устанавливает, как разделить слова, чтобы улучшить расположение пунктов 3
letter-spacing Увеличивает или уменьшает пространство между символами в тексте 1
line-break Определяет, как / если разрыв строки 3
line-height Устанавливает высоту строки 1
overflow-wrap Указывает, может ли браузер разрывать строки в пределах слов, чтобы предотвратить переполнение (когда строка слишком длинная, чтобы соответствовать его содержащей коробку) 3
tab-size Определяет длину вкладки-символа 3
text-align Определяет горизонтальное выравнивание текста 1
text-align-last Описывает , как последняя строка блока или вправо строки перед принудительным разрывом строки выравнивается , когда выравнивания текста является "justify" 3
text-combine-upright Определяет комбинацию нескольких символов в пространство одного символа 3
text-indent Определяет отступ первой строки в текстовом блоке 1
text-justify Определяет метод обоснования используется , когда выравнивания текста является "justify" 3
text-transform Управляет капитализации текста 1
white-space Определяет, как бело-пространство внутри элемента обрабатывается 1
word-break Определяет строки, нарушающие правила, не CJK скриптов 3
word-spacing Увеличивает или уменьшает пространство между словами в тексте 1
word-wrap Позволяет длинные, неразрывные слова были сломаны и обернуть на следующую строку 3

Особенности оформления текста

Имущество Описание CSS
text-decoration Определяет украшение добавляется к тексту 1
text-decoration-color Определяет цвет текста-украшения 3
text-decoration-line Определяет тип строки в текстовом украшение 3
text-decoration-style Определяет стиль линии в текстовом украшение 3
text-shadow Добавляет тень к тексту 3
text-underline-position Определяет положение подчеркиванием, который устанавливается с помощью свойства текста украшения 3

Свойства шрифта

Имущество Описание CSS
@font-face Правило , которое позволяет веб - сайтам загружать и использовать другие шрифты , чем "web-safe" - "web-safe" шрифтов 3
@font-feature-values Позволяет авторам использовать общее имя в вариант шрифта-чередуются для функции активируются по-разному в OpenType 3
font Устанавливает все свойства шрифта в одной декларации 1
font-family Задает семейство шрифтов для текста 1
font-feature-settings Позволяет контролировать расширенных типографских возможностей в OpenType шрифтов 3
font-kerning Управляет использование кернинга информации (how letters are spaced) 3
font-language-override Управляет использование глифов конкретного языка в гарнитуре 3
font-size Определяет размер шрифта текста 1
font-size-adjust Консервированные читаемость текста, когда происходит резервный шрифт 3
font-stretch Выбирает нормальный, плотный или расширенный лицо из семейства шрифтов 3
font-style Определяет стиль шрифта для текста 1
font-synthesis Элементы управления , которые отсутствуют шрифтами (bold or italic) могут быть синтезированы браузером 3
font-variant Указывает, должен ли текст отображаться в шрифте малых заглавных букв 1
font-variant-alternates Управляет использование альтернативных символов, связанных с альтернативными именами, определенными в @ Font-художественных значений 3
font-variant-caps Управляет использование альтернативных глифов для прописных букв 3
font-variant-east-asian Управляет использование альтернативных глифов для восточно-азиатских сценариев (например, японский и китайский) 3
font-variant-ligatures Элементы управления, которые лигатуры и контекстные формы используются в текстовое содержание элементов оно относится 3
font-variant-numeric Управляет использование альтернативных глифов для чисел, дроби и порядковых маркеры 3
font-variant-position Управляет использование альтернативных глифов меньшего размера, позиционируемых как надстрочный или подстрочный относительно базовой линии шрифта 3
font-weight Определяет вес шрифта 1

Пишущие Режимы Свойства

Имущество Описание CSS
direction Определяет направление текста / направление написания 2
text-orientation Определяет ориентацию текста в строке 3
text-combine-upright Определяет комбинацию нескольких символов в пространство одного символа 3
unicode-bidi Используется вместе с направлением собственности , чтобы установить или вернуться , должен ли текст быть перекрыты для поддержки нескольких языков в одном документе 2
writing-mode3

Свойства таблицы

Имущество Описание CSS
border-collapse Указывает, должен ли быть свернуты границы таблицы 2
border-spacing Задает расстояние между границами соседних ячеек 2
caption-side Определяет размещение в заголовок таблицы 2
empty-cells Указывает, следует ли отображать или нет границ и фона на пустых ячеек в таблице 2
table-layout Задает алгоритм компоновки для использования таблицы 2

Списки и счетчики Свойства

Имущество Описание CSS
counter-increment Приращивает один или несколько счетчиков 2
counter-reset Создает или сбрасывает один или несколько счетчиков 2
list-style Устанавливает все свойства для списка в одной декларации 1
list-style-image Задает изображение в качестве элемента списка маркера 1
list-style-position Указывает, если маркеры элемента списка должны появляться внутри или вне потока контента 1
list-style-type Определяет тип элемента списка маркера 1

Свойства анимации

Имущество Описание CSS
@keyframes Определяет код анимации 3
animation Сокращённое свойство для всех свойств анимации (кроме анимации-плей-состояния и анимационной-заполняющей режиме) 3
animation-delay Определяет задержку начала анимации 3
animation-direction Определяет, должен ли анимация играть в обратном направлении на альтернативных циклах 3
animation-duration Определяет, сколько секунд или миллисекунды анимации требуется, чтобы завершить один цикл 3
animation-fill-mode Определяет стиль для элемента , когда анимация не воспроизводится (when it is finished, or when it has a delay) 3
animation-iteration-count Указывает, сколько раз анимация должна играть 3
animation-name Задает имя анимации @keyframes 3
animation-play-state Определяет, будет ли анимация работает или приостановлена 3
animation-timing-function Определяет кривую скорости анимации 3

Transform Properties

Имущество Описание CSS
backface-visibility Определяет, должен ли элемент быть видимым, когда не перед экраном 3
perspective Указывает перспективу, как 3D-элементы просматриваются 3
perspective-origin Определяет нижнюю позицию 3D-элементов 3
transform Применяет 2D или 3D трансформацию к элементу 3
transform-origin Позволяет изменить положение на трансформированных элементов 3
transform-style Указывает, как вложенные элементы отображаются в 3D-пространстве 3

Переходы Свойства

Имущество Описание CSS
transition Сокращённое свойство для установки четырех свойств перехода 3
transition-property Задает имя свойства CSS эффект перехода для 3
transition-duration Определяет, сколько секунд или миллисекунды эффект перехода требуется для завершения 3
transition-timing-function Определяет скорость кривой эффекта перехода 3
transition-delay Определяет, когда эффект перехода начнется 3

Основные свойства пользовательского интерфейса

Имущество Описание CSS
box-sizing Сообщает браузеру , что свойства проклейки (width and height) должны включать в себя 3
content Используется с: до и: после псевдо-элементов, для вставки генерируемого контента 2
cursor Определяет тип курсора, который будет отображаться 2
ime-mode Управляет состоянием редактора метода ввода для текстовых полей 3
nav-down Указывает, где для навигации при использовании навигационной клавиши со стрелкой вниз 3
nav-index Определяет порядок табуляции для элемента 3
nav-left Указывает, где для навигации при использовании стрелки левой навигационной клавиши 3
nav-right Указывает, где для навигации при использовании стрелки правой клавиши навигации 3
nav-up Указывает, где для навигации при использовании со стрелкой вверх навигационной клавиши 3
outline Устанавливает все свойства контурные в одной декларации 2
outline-color Устанавливает цвет набросков 2
outline-offset Смещает контур и рисует его за пределы границы края 3
outline-style Устанавливает стиль контура 2
outline-width Устанавливает ширину контура 2
resize Определяет, является ли изменяемыми пользователем элемент 3
text-overflow Указывает, что должно произойти, когда текст переполняет содержащий элемент 3

Свойства макета нескольких столбцов

Имущество Описание CSS
break-after Определяет PAGE-, или-столбца поведение регион-перерыв после генерируемого бокса 3
break-before Определяет PAGE-, или-столбца поведение регион-брейк перед сгенерированным блоком 3
break-inside Определяет PAGE-, или-столбца поведение регион-разрыв внутри генерируемого бокса 3
column-count Определяет количество столбцов элемент должен быть разделен на 3
column-fill Указывает, как заполнять столбцы 3
column-gap Определяет промежуток между столбцами 3
column-rule Сокращённое свойство для установки всех столбцов-rule- * свойства 3
column-rule-color Определяет цвет правила между колоннами 3
column-rule-style Определяет стиль правила между колоннами 3
column-rule-width Определяет ширину линейки между колонками 3
column-span Определяет, сколько колонок элемент должен охватывать через 3
column-width Задает ширину столбцов 3
columns Сокращённое свойство для установки ширины столбца и столбца-счетчика 3
widows Устанавливает минимальное количество строк, которые должны быть оставлены в верхней части страницы, когда разрыв страницы происходит внутри элемента 2

Paged Медиа

Имущество Описание CSS
orphans Устанавливает минимальное количество строк, которые должны быть оставлены в нижней части страницы, когда разрыв страницы происходит внутри элемента 2
page-break-after Устанавливает поведение страницы непосильным после элемента 2
page-break-before Устанавливает поведение страницы непосильным перед элементом 2
page-break-inside Устанавливает поведение страницы непосильным внутри элемента 2

Контент для страничных СМИ

Имущество Описание CSS
marks Добавляет урожай и / или перекрестные метки к документу 3
quotes Устанавливает тип кавычек для встроенных цитат 2

Эффекты фильтра Свойства

Имущество Описание CSS
filter Определяет эффекты (eg blurring or color shifting) , (eg blurring or color shifting) на элементе до отображения элемента 3

Значения изображения и заменяли Содержание

Имущество Описание CSS
image-orientation Задает поворот в правой или по часовой стрелке, что агент пользователя относится к изображению (Это свойство, вероятно, будет устаревшим и его функциональность переехал в HTML) 3
image-rendering Дает подсказку к браузеру о том, какие аспекты изображения являются наиболее важными для сохранения, когда изображение масштабируется 3
image-resolution Определяет внутреннюю разрешение всех растровых изображений, используемых в / на элементе 3
object-fit Определяет, как содержимое замещаемого элемента должен быть установлен на коробке, установленной ее используемой высоты и ширины 3
object-position Определяет выравнивание замененного элемента внутри его коробки 3

Маскировка Свойства

Имущество Описание CSS
mask3
mask-type3

Свойства речи

Имущество Описание CSS
mark Сокращённое свойство для установки свойств разметки до и после разметки 3
mark-after Позволяет именованные маркеры, которые будут присоединены к аудиопотока 3
mark-before Позволяет именованные маркеры, которые будут присоединены к аудиопотока 3
phonemes Задает фонетическое произношение для текста, содержащегося в соответствующем элементе 3
rest Сокращённое свойство для установки покоя до и покоя после свойства 3
rest-after Указывает, остальные или просодическая границей, которые должны соблюдаться после произнесения содержимого элемента 3
rest-before Указывает, остальные или просодическая границей, которые должны соблюдаться, прежде чем говорить содержимого элемента 3
voice-balance Определяет баланс между левым и правым каналами 3
voice-duration Определяет, как долго он должен предпринять, чтобы отображать содержимое выбранного элемента 3
voice-pitch Задает среднюю высоту (a frequency) говорящего голоса 3
voice-pitch-range Определяет изменение средней поля 3
voice-rate Управляет скорости речи 3
voice-stress Указывает, что сила акцент будет применяться 3
voice-volume Относится к амплитуде выходного сигнала с помощью речевых синтезирует 3

Marquee Properties

Имущество Описание CSS
marquee-direction Устанавливает направление перемещения содержимого 3
marquee-play-count Устанавливает, сколько раз перемещение содержимого 3
marquee-speed Устанавливает, насколько быстро прокручивается контент 3
marquee-style Устанавливает стиль движущегося контента 3