HTML - статьи


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


[1] margin-top

[2] margin-right

[3] margin-left

[4] margin-bottom

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

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

ПРИМЕР:background:100pt

  • padding-top

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

[1] длина (+)

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

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

Описание: отступ от верхнего border'а

ПРИМЕР:padding-top:100pt

  • padding-right

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

[1] длина (+)

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

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

Описание: отступ от правого border'а

ПРИМЕР:padding-right:100%

  • padding-bottom

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

[1] длина (+)

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

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

Описание: отступ от нижнего border'а

ПРИМЕР:padding-bottom:100em

  • padding-left

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

[1] длина (+)

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

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

Описание: отступ от левого border'а

ПРИМЕР:padding-top:100

  • padding

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

[1] padding-top

[2] padding-right

[3] padding-left

[4] padding-bottom

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

Описание: обобщает вышеперечисленные свойства. Можно задать несколько значений одновременно (до четырех) для разных сторон. Если установлено одно значение - задается единый отступ для всех сторон, если два - то задаются различные отступы для прилежащих сторон, а если четыре - то задаются индивидуальные отступы для всех сторон.

ПРИМЕР:padding:100px

  • border-top-width

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

[1] длина (+)

[2] thin, medium или thick

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

Описание: толщина верхнего border'а

ПРИМЕР:border-top-width:100pt

  • border-right-width

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

[1] длина (+)

[2] thin, medium или thick

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

Описание: толщина правого border'а

ПРИМЕР:border-right-width:thick

  • border-bottom-width

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

[1] длина (+)

[2] thin, medium или thick

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

Описание: толщина нижнего border'а

ПРИМЕР:border-bottom-width:100em

  • border-left-width

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

[1] длина (+)

[2] thin, medium или thick

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

Описание: толщина левого border'а

ПРИМЕР:border-left-width:medium




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