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 |