Учебник CSS

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

  • 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



parky | Аттестация рабочих мест труда, оперативно.