Учебник HTML

Учебник CSS >>Свойства обрамления

• 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