Background-attachment

Возможные значения:

[1] scroll - фоновое изображение скроллится всесте с содержанием документа

[2] fixed - не скроллится. Фиксируется в одном месте. Не работает в Нетскейпе

*Применимо для: всех элементов

Описание: возможность прокрутки фонового изображения

ПРИМЕР:

background-attachment:fixed

 

Background-position

Возможные значения:

[1] процент от ширины + процент от высоты (+)

[2] top, middle, bottom - одно из значений

[3] left, center, right - одно из начений

[4] расстояние от левого края + расстояние от вершины

*Применимо для: block-level и replaced элементов

Описание: положение фонового изображения (работает с background-repeat равным repeat-x, repeat-y или no-repeat)

ПРИМЕР:

background-position: right top /* 100% 0% */

background-position: top center /* 50% 0% */

background-position: center /* 50% 50% */

background-position: bottom /* 50% 100% */

 

Background

Возможные значения:

[1] background-color

[2] background-image

[3] backgroun-position

[4] background-attachment

[5] background-repeat

*Применимо для: всех элементов

Описание: обобщает вышеперечисленные свойства

ПРИМЕР:

background: url("chess.png") no-repeat black fixed 50% 0%

 

Списки

List-style-type

Возможные значения:

[1] disc, circle, square, decimal, decimal‑leading‑zero, lower‑roman, upper‑roman, lower‑greek, lower‑alpha, lower‑latin, upper‑alpha, upper‑latin, Armenian, Georgian

[2] none - никакой

*Применимо для: элементов со значением display равным list-item

Описание: определяет вид list-item маркера. Если значение list-style-image равно none или не уточнено

ПРИМЕР:

list-style-type:lower-alpha

 

List-style-image

Возможные значения:

[1] none - нет

[2] URL (+)

*Применимо для: элементов со значением display равным list-item

Описание: задает вид list-item маркера в виде картинки

ПРИМЕР:

list-style-image:URL(cool.gif)

 

List-style-position

Возможные значения:

[1] inside - при переносе следующие строки будут отображаться без отступа

[2] outside - по умолчанию

*Применимо для: элементов со значением display равным list-item

Описание: определяет положение маркера в зависимости от list item элемента

ПРИМЕР:

list-style-position:inside

 

List-style

Возможные значения:

[1] list-style-type

[2] list-style-position

[3] list-style-image

*Применимо для: элементов со значением display равным list-item

Описание: обобщает вышеперечисленные свойства

ПРИМЕР:

list-style:inside

 

ТАБЛИЦЫ

Caption-side

Возможные значения:

[1] top - бокс заголовка над боксом таблицы.

[2] bottom - бокс заголовка под боксом таблицы

[3] left - бокс заголовка слева от бокса таблицы

[4] right - бокс заголовка справа от бокса таблицы

*Применимо для: заголовка таблицы caption

Описание: задает расположение заголовка относительно таблицы

ПРИМЕР:

caption-side: left

 

Border-collapse

Возможные значения:

[1] collapse - модель сжимающихся рамок

[2] separate - модель раздельных рамок

*Применимо для: таблицы

Описание: задает модель рамки таблицы

ПРИМЕР:

border-collapse: separate

 

Border-spacing

Возможные значения:

[1] расстояние

[2] расстояние-x расстояние-y

*Применимо для: таблицы c border-collapse: separate

Описание: расстояние, разделяющее рамки смежных таблиц (не может быть отрицательным)

ПРИМЕР:

border-collapse: separate;

border-spacing: 15pt

 

Empty-cells

Возможные значения:

[1] show - рамки прорисовываются вокруг пустых ячеек

[2] hide - не отображаются

*Применимо для: таблицы

Описание: отображение пустых ячеек

ПРИМЕР:

empty-cells: show

 

ГЕНЕРИРУЕМОЕ СОДЕРЖИМОЕ

Content

Возможные значения:

[1] string – вставляемая строка текста

[2] url - внешний внедряемый объект

[3] open-quote – открывающая кавычка

[4] close-quote – закрывающая кавычка

[5] no-open-quote – неотображаемая открывающая кавычка

[6] no-close-quote - неотображаемая закрывающая кавычка

[6] counter(name) или counter(name, style) – счетчик (стили аналогичны list-style-type в списках)

*Применимо: к псевдоэлементам:before и:after

Описание: генерируемое содержимое

ПРИМЕР:

BLOCKQUOTE:after { content: 'the end'}

 

Quotes

Возможные значения:

[1] none – нет вставляемых кавычек

[2] string string … - список пар знаков кавычек по уровням вложенности

*Применимо: к генерируемым элементам

Описание: описываемые строчные элементы замещают open-quote и close-quote в генерируемом содержимом

ПРИМЕР:

quotes: '"' '"' "'" "'"

 


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: