HTML - статьи


Часть Il. Cвойства CSS - часть 6


  • border

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

[1] border-width

[2] border-style

[3] border-color

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

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

ПРИМЕР:border: thik black double

  • width

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

[1] длина (+)

[2] процент (+)

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

Описание: ширина элемента

ПРИМЕР:width:10%

  • height

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

[1] длина (+)

[2] процент (+)

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

Описание: высота элемента

ПРИМЕР:height:100pt

  • float

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

[1] left - слева

[2] right - справа

[3] none - по умолчанию

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

Описание: расположение элемента

ПРИМЕР:float:right

  • clear

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

[1] left - слева

[2] right - справа

[3] both - c двух сторон

[4] none - по умолчанию

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

Описание: расположение других элементов вокруг данного

ПРИМЕР:clear:both

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

  • 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




- Начало -  - Назад -  - Вперед -



Книжный магазин