Классификация

Дополнения

Часть 4. Классификация

Классификация

display

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

[1] none - не отображается

[2] block - разбивает строку до и после элемента (т.е. элемент не может находится на одной линии с другими элементами)

[3] inline - не разбивает строку

[4] list-item - разбивает линию строку до и после элемента + добавляет маркер как у list-item элементов

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

Описание: определяет, как будет отображаться элемент

ПРИМЕР:

display:none

white-space

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

[1] normal - "сжимает" несколько подряд идущих пробелов в один

[2] pre - допускает отображение несколькольких подряд идущих пробелов

[3] nowrap - не допускает перенос строки без тега <BR>

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

Описание: оприделяет, как будут отображаться пробелы между элементами

ПРИМЕР:

white-space:nowrap

list-style-type

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

[1] disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha или upper-alpha

[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

Дополнения

Меры длины

Синтаксис: "+" (можно опустить) или "-" затем [число] плюс [единица измерения] (без пропусков)

ПРИМЕР:

 -566pt

Единицы длинны : ex - x-height, ширина буквы "x" используемого элементом шрифта

px - pixels, пикселы

in - inches, дюймы

cm - centimeters, сантиметры

mm - millimeters, миллиметры

pt - points, точка (1pt = 1/72in)

pc - picas (1pc = 12pt)

Процентные меры

Синтаксис : "+" или "-" затем [число] плюс "%" (без пропусков)

ПРИМЕР :

 -566%

Цвета

Синтаксис: [color]

ПРИМЕР :

magenta

Значением цвета может быть его название (red , lightgreen, coral и т.д.) или RGB значение

Способы выразить цвет в RGB (red green blue) :

#rrggbb (например, #00cc00)

rgb(x,x,x) -- где "х" число от 0 до 255 (например, rgb(0,204,0))

#rgb (например, #0c0)

rgb (x%,x%,x%) -- где "х%" число от 0.0 до 100.0 (например, 0%,80%,0%)

Все примеры отображают один и тот же цвет

Ссылки

Синтаксис: "URL" , потом в скобках приводится ссылка.Ссылку также можно, помимо скобок, заключить в одинарные или двойные кавычки (без пропусков)

ПРИМЕР :

 URL('cool.gif')

Ну вот пожалу и Все, Удачи Вам

Перейти в Начало