Latest web development tutorials
×

CSS справочное руководство

CSS справочное руководство CSS селектор CSS Речь Ссылка CSS Web Безопасные шрифты CSS анимация CSS блок CSS цвет CSS Допустимые значения цвета CSS названия цветов CSS Шестнадцатеричные значения цвета CSS Поддержка браузеров

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 appearance 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-align box-direction box-flex box-flex-group box-lines box-ordinal-group box-orient box-pack 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 grid-columns grid-rows hanging-punctuation height icon 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 punctuation-trim quotes resize right rotation tab-size table-layout target target-name target-new target-position text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-outline text-overflow text-shadow text-transform text-wrap 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 Reference во всех основных браузерах протестированы.


свойства CSS

CSS Property Group предлагает:

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

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

属性 描述 CSS
@keyframes 定义一个动画,@keyframes定义的动画名称用来被animation-name所使用。 3
animation 复合属性。检索或设置对象所应用的动画特效。 3
animation-name 检索或设置对象所应用的动画名称 ,必须与规则@keyframes配合使用,因为动画名称由@keyframes定义 3
animation-duration 检索或设置对象动画的持续时间 3
animation-timing-function 检索或设置对象动画的过渡类型 3
animation-delay 检索或设置对象动画的延迟时间 3
animation-iteration-count 检索或设置对象动画的循环次数 3
animation-direction 检索或设置对象动画在循环中是否反向运动 3
animation-play-state 检索或设置对象动画的状态 3

Свойства фона

属性 描述 CSS
background 复合属性。设置对象的背景特性。 1
background-attachment 设置或检索背景图像是随对象内容滚动还是固定的。必须先指定background-image属性。 1
background-color 设置或检索对象的背景颜色。 1
background-image 设置或检索对象的背景图像。 1
background-position 设置或检索对象的背景图像位置。必须先指定background-image属性。 1
background-repeat 设置或检索对象的背景图像如何铺排填充。必须先指定background-image属性。 1
background-clip 指定对象的背景图像向外裁剪的区域。 3
background-origin S设置或检索对象的背景图像计算background-position时的参考原点(位置)。 3
background-size 检索或设置对象的背景图像的尺寸大小。 3

Граница (Border) и контур недвижимости (План)

属性 描述 CSS
border 复合属性。设置对象边框的特性。 1
border-bottom 复合属性。设置对象底部边框的特性。 1
border-bottom-color 设置或检索对象的底部边框颜色。 1
border-bottom-style 设置或检索对象的底部边框样式。 1
border-bottom-width 设置或检索对象的底部边框宽度。 1
border-color 置或检索对象的边框颜色。 1
border-left 复合属性。设置对象左边边框的特性。 1
border-left-color 设置或检索对象的左边边框颜色。 1
border-left-style 设置或检索对象的左边边框样式。 1
border-left-width 设置或检索对象的左边边框宽度。 1
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-style 设置或检索对象的顶部边框样式。 1
border-top-width 设置或检索对象的顶部边框宽度。 1
border-width 设置或检索对象的边框宽度。 1
outline 复合属性。设置或检索对象外的线条轮廓。 2
outline-color 设置或检索对象外的线条轮廓的颜色。 2
outline-style 设置或检索对象外的线条轮廓的样式。 2
outline-width 设置或检索对象外的线条轮廓的宽度。 2
border-bottom-left-radius 设置或检索对象的左下角圆角边框。提供2个参数,2个参数以空格分隔,每个参数允许设置1个参数值,第1个参数表示水平半径,第2个参数表示垂直半径,如第2个参数省略,则默认等于第1个参数 3
border-bottom-right-radius 设置或检索对象的右下角圆角边框。 3
border-image 设置或检索对象的边框样式使用图像来填充。 3
border-image-outset 规定边框图像超过边框的量。 3
border-image-repeat 规定图像边框是否应该被重复(repeated)、拉伸(stretched)或铺满(rounded)。 3
border-image-slice 规定图像边框的向内偏移。 3
border-image-source 规定要使用的图像,代替 border-style 属性中设置的边框样式。 3
border-image-width 规定图像边框的宽度。 3
border-radius 设置或检索对象使用圆角边框。 3
border-top-left-radius 定义左上角边框的形状。 3
border-top-right-radius 定义右下角边框的形状。 3
box-decoration-break 规定行内元素被折行 3
box-shadow 向方框添加一个或多个阴影。 3

свойство Box (Box)

属性 描述 CSS
overflow-x 如果内容溢出了元素内容区域,是否对内容的左/右边缘进行裁剪。 3
overflow-y 如果内容溢出了元素内容区域,是否对内容的上/下边缘进行裁剪。 3
overflow-style 规定溢出元素的首选滚动方法。 3
rotation 围绕由 rotation-point 属性定义的点对元素进行旋转。 3
rotation-point 定义距离上左边框边缘的偏移点。 3

Цвет (цвет) свойства

属性 描述 CSS
color-profile 允许使用源的颜色配置文件的默认以外的规范 3
opacity 设置一个元素的透明度级别 3
rendering-intent 允许超过默认颜色配置文件渲染意向的其他规范 3

Перетяжка (Padding) Свойство

свойство объяснение CSS
набивка Установить все свойства отступов в одной декларации 1
набивка дно Установить нижний элемент обивка 1
обивка налево Элемент левого отступов 1
обивка правый Элемент устанавливается правильное заполнение 1
обивка-топ Настройки в верхней элементы для заполнения 1

Содержание страницы Свойства СМИ

属性 说明 CSS
bookmark-label 指定书签的标签 3
bookmark-level 指定了书签级别 3
bookmark-target 指定了书签链接的目标 3
float-offset 在相反的方向推动浮动元素,他们一直具有浮动 3
hyphenate-after 指定一个断字的单词断字字符后的最少字符数 3
hyphenate-before 指定一个断字的单词断字字符前的最少字符数 3
hyphenate-character 指定了当一个断字发生时,要显示的字符串 3
hyphenate-lines 表示连续断字的行在元素的最大数目 3
hyphenate-resource 外部资源指定一个逗号分隔的列表,可以帮助确定浏览器的断字点 3
hyphens 设置如何分割单词以改善该段的布局 3
image-resolution 指定了正确的图像分辨率 3
marks 将crop and/or cross标志添加到文档 3
string-set   3

Размер объекта (размер)

属性 描述 CSS
height 设置元素的高度 1
max-height 设置元素的最大高度 2
max-width 设置元素的最大宽度 2
min-height 设置元素的最小高度 2
min-width 设置元素的最小宽度 2
width 设置元素的宽度 1

Гибкая Box Model (Flexible Box) недвижимость (новый)

属性 说明 CSS
flex 复合属性。设置或检索弹性盒模型对象的子元素如何分配空间。 3
flex-grow 设置或检索弹性盒的扩展比率。 3
flex-shrink 设置或检索弹性盒的收缩比率。 3
flex-basis 设置或检索弹性盒伸缩基准值。 3
flex-flow 复合属性。设置或检索弹性盒模型对象的子元素排列方式。 3
flex-direction 该属性通过定义flex容器的主轴方向来决定felx子项在flex容器中的位置。 3
flex-wrap 该属性控制flex容器是单行或者多行,同时横轴的方向决定了新行堆叠的方向。 3
align-content 在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项(垂直)。 3
align-items 定义flex子项在flex容器的当前行的侧轴(纵轴)方向上的对齐方式。 3
align-self 定义flex子项单独在侧轴(纵轴)方向上的对齐方式。 3
justify-content 设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式。 3
order 设置或检索弹性盒模型对象的子元素出现的順序。 3

Гибкая Box Model (Flexible Box) недвижимость (старый)

свойство объяснение CSS
коробка-Align Определяет, как выровнять блок подэлементам 3
коробчатого направление В каком направлении задан, он отображает окно дочерний элемент 3
коробка-флекс Укажите ящик подэлементов, являются ли гибкий или фиксированный размер 3
коробка-флекс-группа Гибкие элементы, присвоенные Flex Group 3
коробчатые линии Всякий раз, когда он работает в пространстве родительского кадра при дальнейшем указать, следует ли новая строка 3
коробчатого порядковое-группа Отображение кадра порядок подэлементам 3
коробчатого Orient Определяет, должен ли быть проложены коробка дочернего элемента в горизонтальном или вертикальном направлении 3
коробка-упаковка Определяет боковое окно в горизонтальном положении и вертикальное положение вертикальной рамы 3

Шрифт (Font) Свойство

свойство объяснение CSS
шрифт Установить все свойства шрифта в одной декларации 1
семейство шрифтов Положения текста семейства шрифтов 1
размер шрифта Положения размера шрифта текста 1
стиль шрифта Стили шрифтов Указанный текст 1
вариант шрифта Стили шрифтов Указанный текст 1
начертание шрифта Предписано шрифта вес 1
@ Шрифт-лицо Правило, которое позволяет сайту загружать и использовать, кроме "веб-безопасные" для шрифта 3
размер шрифта, настроить Элементы аспект заранее заданное значение 3
шрифт-стрейч Уменьшение или растянуть текущее семейство шрифтов 3

атрибут генерации контента (Content Generated Свойства)

свойство объяснение CSS
содержание С: до и: после псевдо-элемент, используемый в сочетании для вставки генерируемого содержимого 2
встречное приращение Увеличение или уменьшение одного или нескольких счетчиков 2
Счетчик сброса Создайте один или несколько счетчиков или сброса 2
кавычки Набор вложенных типов упоминаемых цитат 2
урожай Разрешить замененные элементы так же, как объект, а не прямоугольной области всего объекта 3
перейти к Причины элемент должен быть удален из потока и повторно на более позднем этапе в документе 3
страница-политика Строковое значение определяется на основе страницы, чтобы применить к данному элементу в счетчике 3

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

свойство объяснение CSS
сетки-колонны Определяет ширину каждого столбца в сетке 3
Сетка-строк Задает высоту каждого столбца в сетке 3

HYPERLINK (гиперссылкой) Свойства

свойство объяснение CSS
мишень Сокращённое свойство для установки-имя цели, цель новой конструкции, а свойство целевой позиции 3
целевое имя Указывает, чтобы открыть ссылку (назначения), где 3
целевой новый Указывает, открывает ли новая целевая ссылка новое окно или открыть новую вкладку в существующем окне 3
целевой позиции Укажите новые ссылки назначения должны быть размещены в положении 3

Каркасный недвижимость (Linebox)

свойство объяснение CSS
выравнивания регулировки Позволяет более точное выравнивание элементов 3
выравнивания базовой линии Его родительский элемент заданного уровня инлайн, как выровнять 3
смещение базовой линии Позволяет репозиционирование доминантной базовой линии по отношению к доминантной базовой линии 3
доминантной базовой линии Определяет масштабно Таблица базовых линий 3
дроп-начально-после регулировки Установить начальную точку выравнивания ниспадающее первичной точки подключения 3
дроп-начально-после того, как выравнивать Установите калибровочный линию в пределах начальная линия является то, что она имеет первую букву коробки, используя точку основного соединения 3
дроп-начально-перед тем, отрегулировать Настройки раскрывающийся вспомогательная точка соединения начальная точка выравнивания 3
дроп-начально-ранее-Align Установите калибровочный линию в пределах начальная линия является то, что она имеет первую букву вспомогательной соединительной коробки 3
дроп-начальный размер Первая буква контроля локальной просадки 3
дроп-начальное значение Активируйте раскрывающийся первоначальные результаты 3
рядный бокс-Align Настройка нескольких строк встроенный блок-строку, имеющую переднюю и выровненную следующие встроенные элементы 3
Линия штабелей Набор линия штабелей-стратегия, линия штабелей-рубин, и линия штабелей сдвига атрибут сокращённого свойства 3
Линия штабелей-рубиновый Устанавливает метод штабелирования строки для блочных элементов, содержащих элементы для Ruby аннотаций 3
Линия штабелей сдвига Набор базовых сдвига линии, содержащей блок многослойного метода элемент элемента 3
линия штабелей-стратегия Stacking наборы методов, содержащихся в блоке элементов кадра стека 3
текст-высота Текстовая область инлайн-бокс размер установлен блок-прогрессии 3

Список недвижимости (Список)

свойство объяснение CSS
Список стиле Настройка список всех свойств в одной декларации 1
список-стиль-изображение Изображение в виде списка-маркера элемента 1
список-стиль-позиция Установить список мест размещения маркер элемента 1
Список стиле типа Установите тип элемента списка маркера 1

Маржа недвижимость (Margin)

свойство объяснение CSS
маржа Установить все свойства полей в одной декларации 1
краю дна Элемент устанавливается нижний предел 1
Маржа налево Элемент в левом поле 1
Маржа правый Элемент правого края 1
Верхнее поле Элемент устанавливается на полях 1

Субтитры свойство (Marquee)

свойство объяснение CSS
шатровым-направление Установка направления перемещения содержимого 3
шатровым-плей-счетчик Сколько раз настроить мобильный контент 3
шатровым-ступенчатая коробка передач Установите скорость прокрутки содержимого 3
шатровым стиле Стайлинг мобильного контента 3

Несколько столбцов (Multi-столбец) недвижимость

свойство объяснение CSS
столбец подсчета Количество столбцов указанного элемента должен быть разделен на 3
колонного заполнения Указывает, как заполнять столбцы 3
колонного разрыв Указано разрыв между колоннами 3
колонного правило Весь набор для столбца-rule- * свойства сокращённого свойства 3
колонного правило цвета Укажите цветовые правила между колоннами 3
колонного правило стиле Правило определяет стиль между колоннами 3
колонного правило ширины Определяет ширину линейки между колонками 3
колонка-пролетный Сколько столбцов указанный элемент должны охватывать 3
колонного ширина Задает ширину столбцов 3
столбцы Сокращённое свойство, чтобы задать количество столбцов и их ширины 3

Страница Средства массовой информации (СМИ Paged) недвижимость

свойство мисс CSS
приспосабливать Если ширина и высота атрибуты не являются автоматически дает намек того, как массивная замещаемых элементов 3
Fit-позиция Определение выравнивания объекта внутри коробки 3
Изображение ориентации Определяет пользовательский агент, пригодный для правой или повернуть изображение по часовой стрелке 3
страница Укажите конкретный тип элемента должен отобразить страницу 3
размер Укажите содержание страницы, содержащей размер коробки и ориентацию 3

Позиционирование Свойство (позиционирование)

свойство объяснение CSS
дно Смещение блока на границе между нижними настройки полей, ориентированных элементов, составляющих границу 2
ясно Какая сторона заданному элементу предотвращает другие плавающие элементы 1
клип Вырезать абсолютно позиционированные элементы 2
курсор положения Тип курсора будет отображаться (форма) 2
дисплей Тип определяет элементы, которые будут созданы окна 1
поплавок Являются ли положения коробки должны плавать 1
левый Настройка таргетинга элементы, включающие границу левое поле смещения между левым краем блока 2
переполнение
Что происходит, когда содержание положений элемента переполнения коробки 2
положение Тип месторасположения определяет элементы 2
право Установка элементов позиционирования правого поля, содержащие блок границы смещения и его правую границу между 2
топ Настройка таргетинга элементов, содержащихся на границе, а маржа между коррекций границы блока 2
видимость Являются ли положения видимых элементов 2
Z-индекс Установка порядка наложения элементов 2

Пейджинг недвижимость (Печать)

свойство объяснение CSS
дети-сироты Минимальное количество линий происходит, когда внутренние элементы должны быть сохранены вкладки в нижней части страницы 2
страниц обкатки после того, как Вкладка Настройки поведенческие элементы после того, как 2
страниц обкатки перед тем вкладка Настройки поведенческие элементы, прежде чем 2
страниц обкатки внутри Элемент внутри поведения вкладок 2
вдовам Минимальное количество линий происходит, когда внутренние элементы должны быть сохранены вкладки в верхней части страницы 2

Рубин Свойства

свойство объяснение CSS
рубиново-Align Рубин и Руби управления текстом на основе текста содержимого выравнивания по отношению друг к другу 3
рубиново-свес Когда текст превышает рубин базовую ширину Рубин, определить локальное смонтировать любой соседний текст текст рубиновый допускается, в дополнение к их базе 3
рубиново-позиция Там, где она контролирует основной текст на Ruby 3
рубиново-пролетный Контроль за поведением аннотаций элементов 3

свойство речи (речи)

свойство объяснение CSS
знак Установить наценка до и после того, как метка-атрибута обобщающего свойства 3
наценка после того, как Разрешить названные теги аудиопоток 3
наценка перед тем Разрешить названные теги аудиопоток 3
фонемы Указывает, что содержит текст соответствующего элемента в фонетического произношения 3
отдых Установка покоя до и после того, как отдохнуть, атрибут обобщающего свойства 3
покоя после того, как Элемент содержимого после финиша, назначенный, чтобы сделать перерыв или выполнить просодической границы 3
Остальные срок Элемент содержимого до финиша, обозначенная сделать перерыв или выполнить просодической границы 3
Голос баланса Указано балансируют левый и правый каналы 3
голос Длительность Укажите содержимое выбранного элемента должны быть приняты, чтобы сделать длину из 3
голосового тона Задает среднюю высоту голоса (частота) 3
голос питч-диапазон Определяет среднее изменение высоты тона 3
Голос скорости управление скоростью 3
Голос-стресс Индикаторные усилия сосредоточены 3
Голос объема Синтез речи означает, что амплитуда выходного сигнала 3

Таблица Свойство (таблица)

свойство объяснение CSS
границы коллапса Определяет, будет ли границы слияния таблицы 2
разнос границы Заранее определенное расстояние между соседними границами ячеек 2
Надпись на стороне Заранее определенном месте в заголовке таблицы 2
пустые-клетки Указывает, следует ли отображать границы и фона таблицы в пустых ячейках на 2
Стол-макет Настройка алгоритма компоновки для таблиц 2

Текстовое свойство (Текст)

свойство объяснение CSS
цвет Установите цвет текста 1
направление Текст заданного направления / направление написания 2
письмо-разнос Настройка интервал между символами 1
высота линии Настройка высоты строки 1
выравнивания текста Горизонтальное выравнивание положения текста 1
текст-отделка Положение добавлено к тексту декоративного эффекта 1
текст-отступов Положения текстового блока отступа первой строки 1
текст-преобразования Чувствительные элементы управления для текста 1
юникода-биди 2
вертикально-Align Вертикальное выравнивание элемента 1
бело-пространство Как установить пустой элемент управления 1
слово-интервал Настройки межсловное 1
подвешивание-пунктуации Указывает, может ли знак препинания быть вне коробки линии 3
пунктуация обрезкой Указывает, следует ли удалить знак препинания 3
Текст-Align-последний Когда выравнивания текста по обоим краям, последнее выравнивание линии. 3
текста оправдать Децентрализованно указано выравнивание, когда выравнивания текста устанавливается, чтобы оправдать время. 3
текст контурные Установите текст контура. 3
текст переполнения Элемент определяет, когда текст переполнению включен, что должно произойти 3
текст-тень Добавление тени к тексту 3
текст-обертка Правила определяют обтекания текстом 3
слово-брейк Определяет правила местом излома для не-CJK текста 3
перенос слов Независимо от того, чтобы установить браузер, чтобы быть слишком длинным словом обертывание. 3

2D / 3D преобразование свойств

свойство объяснение CSS
преобразование Применить 2D или 3D элемент преобразования 3
преобразовании происхождения Это позволяет изменить положение элемента преобразования 3
преобразование стиля 3D Space определяют, как вложенные элементы 3
перспективный Посмотрите, как указать 3D элемент представляет собой вид в перспективе 3
перспектива-происхождения 3D элементы задают нижнюю позицию 3
противоположная сторона-видимость Является ли определение элемента, должен быть виден, а не в передней части экрана 3

Переход собственности (перехода)

свойство объяснение CSS
переход Это свойство является переход-свойство, переходных продолжительность переходного синхронизации функция, переход задержки в сокращенном виде. 3
переход-недвижимость При условии перехода свойств CSS. 3
переходных продолжительность Установите продолжительность времени до перехода осуществляется. 3
переходных сроков-функция Установите функцию перехода синхронизации выполняется. 3
Переход задержки Определяет начинается переход. 3

Появление пользователя (пользовательский интерфейс) свойства

свойство объяснение CSS
внешний вид Элементы определения Внешний стиль 3
коробчатого проклейки Это позволяет адаптировать область каким-то образом определить некоторые элементы 3
значок Укажите значок для элемента 3
нав вниз Указывает, пользователь нажимает вниз навигационную клавишу вниз положение 3
нав-индекс Указывает навигация (вкладка) порядок. 3
нав налево Укажите, когда пользователь нажимает на кнопку слева для навигации расположение 3
нав-право Задает пользователя нажать правую позицию, когда на левой навигационной панели 3
нав вверх Указывает, пользователь нажимает клавишу вверх Перемещение вверх позиции 3
очертить смещение Установка смещения контура края вне рамок границы 3
изменить размер Является ли определение элементов может быть изменен 3