Свойство -webkit-margin-end

Свойство -webkit-margin-end определяет конечный отступ для элемента. Конечным отступом является правый или левый отступ элемента, в зависимости от направления письма, установленного для данного элемента. Если направление письма слева направо, то устанавливается правый отступ, что аналогично свойству margin-right, в случае направления письма справа налево, используется левый отступ, что аналогично установке свойства margin-left.

Толщина может задаваться любым доступным способом в соответствии со стандартом CSS 2.1 или CSS 3 для велечин типа length, а так же ключевыми словами auto, initial, либо inherit.

Примеры использования

Стиль Пример
.styleLTR {
   direction: ltr;
   -webkit-margin-end: 5%;
}
-webkit-margin-end: 10em; padding: 0.2em; border: 1px solid #aaa;">margin-right для элементов с направлением письма слева направо
.styleRTL {
   direction: rtl;
   -webkit-margin-end: 5%;
}
-webkit-margin-end: 10em; padding: 0.2em; border: 1px solid #aaa;">margin-left для элементов с направлением письма справа налево

Свойство -webkit-margin-end относится к спецификации CSS, применяется к всем элементам, кроме строк и ячеек таблиц, и действует на всех визуальные носителях, его значение не наследуется от родительского элемента в иерархии документа, Является расширением движка WebKit (браузеры Chrome и Safari), и не совместимо с другими браузерами.

Смотри также:

  • margin - размер отступов блока
  • margin-left - размер левого отступа блока
  • margin-right - размер правого отступа блока
  • -webkit-margin-start - "Начальное" (левое или правое в зависимости от направления текста) поле перед содержанием элемента
  • -moz-margin-start -
  • -moz-margin-end -

Краткое описание

"Конечныйе" (правый или левый в зависимости от направления текста) поле перед содержанием элемента

Синтаксис:

<length> | auto | initial | inherit

По умолчанию:

0

Применяется к:

всем элементам, кроме строк и ячеек таблиц

Наследование:

не наследуется

Тип носителя:

визуальные

Объектная модель документа (DOM):

[элемент].style['-webkit-margin-end']

Кроссбраузерная совместимость

Internet Explorer

не поддерживается

Firefox

не поддерживается

Chrome

1.0+

Safari

1.0+

Opera

не поддерживается