Свойства обрамления

• margin-left
• margin-right
• margin-top
• margin-bottom
• padding-left
• padding-right
• padding-top
• padding-bottom
• border-style
• border-color
• border-width
• border-позиция

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

Тогда, приведенные выше свойства примут вид:
для border-color:

• border-top-color
• border-bottom-color
• border-right-color
• border-left-color

для border-style:

• border-top-style
• border-bottom-style
• border-right-style
• border-left-style

для border-width:

• border-top-width
• border-bottom-width
• border-right-width
• border-left-width

Глава 7