Каскадные таблицы стилей (CSS)
Свойства обрамления
* margin-left
Атрибут определяет отступ от объекта слева.
Синтаксис: селектор {margin-left: auto}
o Пункты.
Синтаксис: селектор {margin-left: 12pt}
o Дюймы.
Синтаксис: селектор {margin-left: 12in}
o Сантиметры.
Синтаксис: селектор {margin-left: 12cm}
o Пиксели.
Синтаксис: селектор {margin-left: 12px}
* margin-right
Атрибут определяет отступ от объекта справа.
Синтаксис: селектор {margin-right: auto}
o Пункты.
Синтаксис: селектор {margin-right: 12pt}
o Дюймы.
Синтаксис: селектор {margin-right: 12in}
o Сантиметры.
Синтаксис: селектор {margin-right: 12cm}
o Пиксели.
Синтаксис: селектор {margin-right: 12px}
* margin-top
Атрибут определяет отступ от объекта сверху.
Синтаксис: селектор {margin-top: auto}
o Пункты.
Синтаксис: селектор {margin-top: 12pt}
o Дюймы.
Синтаксис: селектор {margin-top: 12in}
o Сантиметры.
Синтаксис: селектор {margin-top: 12cm}
o Пиксели.
Синтаксис: селектор {margin-top: 12px}
* margin-bottom
Атрибут определяет отступ от объекта снизу.
Синтаксис: селектор {margin-bottom: auto}
o Пункты.
Синтаксис: селектор {margin-bottom: 12pt}
o Дюймы.
Синтаксис: селектор {margin-bottom: 12in}
o Сантиметры.
Синтаксис: селектор {margin-bottom: 12cm}
o Пиксели.
Синтаксис: селектор {margin-bottom: 12px}
* padding-left
Атрибут определяет отступ от содержимого элемента до обрамления слева.
Синтаксис: селектор {padding-left: 0}
o Пункты.
Синтаксис: селектор {padding-left: 12pt}
o Дюймы.
Синтаксис: селектор {padding-left: 12in}
o Сантиметры.
Синтаксис: селектор {padding-left: 12cm}
o Пиксели.
Синтаксис: селектор {padding-left: 12px}
* padding-right
Атрибут определяет отступ от содержимого элемента до обрамления справа.
Синтаксис: селектор {padding-right: 0}
o Пункты.
Синтаксис: селектор {padding-right: 12pt}
o Дюймы.
Синтаксис: селектор {padding-right: 12in}
o Сантиметры.
Синтаксис: селектор {padding-right: 12cm}
o Пиксели.
Синтаксис: селектор {padding-right: 12px}
* padding-top
Атрибут определяет отступ от содержимого элемента до обрамления сверху.
Синтаксис: селектор {padding-top: 0}
o Пункты.
Синтаксис: селектор {padding-top: 12pt}
o Дюймы.
Синтаксис: селектор {padding-top: 12in}
o Сантиметры.
Синтаксис: селектор {padding-top: 12cm}
o Пиксели.
Синтаксис: селектор {padding-top: 12px}
* padding-bottom
Атрибут определяет отступ от содержимого элемента до обрамления снизу.
Синтаксис: селектор {padding-bottom: 0}
o Пункты.
Синтаксис: селектор {padding-bottom: 12pt}
o Дюймы.
Синтаксис: селектор {padding-bottom: 12in}
o Сантиметры.
Синтаксис: селектор {padding-bottom: 12cm}
o Пиксели.
Синтаксис: селектор {padding-bottom: 12px}
* border-style
Атрибут определяет оформление рамок вокруг объектов.
Синтаксис: селектор {border-style:тип}
o dotted.
Синтаксис: селектор {border-style: dotted}
o solid.
Синтаксис: селектор {border-style: solid}
o double.
Синтаксис: селектор {border-style: double}
o groove.
Синтаксис: селектор {border-style: groove}
o insert.
Синтаксис: селектор {border-style: insert }
o ridge.
Синтаксис: селектор {border-style: ridge}
o outset.
Синтаксис: селектор {border-style: outset}
o none.
Синтаксис: селектор {border-style: none }
* border-color
Атрибут определяет оформление цвета рамок вокруг объектов.
Синтаксис: селектор {border-color: цвет}
* border-width
Атрибут определяет оформление цвета рамок вокруг объектов.
Синтаксис: селектор {border-width: цвет}
* border-позиция
Атрибут определяет оформление вида и цвета рамок вокруг объектов выборочно с любой из сторон
Синтаксис: селектор {border-top: вид цвет}
может принимать значения:
o border-top
o border-bottom
o border-right
o border-left
Тогда, приведенные выше свойства примут вид:
для border-color:
o border-top-color
o border-bottom-color
o border-right-color
o border-left-color
для border-style:
o border-top-style
o border-bottom-style
o border-right-style
o border-left-style
для border-width:
o border-top-width
o border-bottom-width
o border-right-width
o border-left-width
