поиск по сайту

Свойство -moz-border-radius

[ <длина> | <проценты> ]{1,4} / [ [ <длина> | <проценты> ]{1,4} ] | inherit

Свойство -moz-border-radius позволяет задать радиусы закругления для всех углов рамки. Радиусы закругления так же применяются и к области фона - даже в тех случаях, когда сам бордюр отсутствует (например, потому что border-style выставлен в значение none). Свойство -moz-border-radius является сокращенной формой для одновременного задания значений для свойств -moz-border-radius-topleft, -moz-border-radius-topright, -moz-border-radius-bottomright и -moz-border-radius-bottomleft. Свойство -moz-border-radius применимо ко всем элементам за исключением таблиц со свойством border-collapse установленным в значение collapse

Для свойства -moz-border-radius может быть задано от одного до четырех значений типа длинны или процентов. Через дробь могут быть заданы еще от одного до четырех значений. Если вторая группа значений не задана - то значения из первой группы используются и для горизонтального и для вертикального радиуса скруглений. Если вторая группа значений в свойстве -moz-border-radius присутствует - то значения из первой группы используются для горизонтальных радиусов, а из второй группы - для вертикальных. Процентные значения и для горизонтальных и для вертикальных радиусов задаются относительно ширины.

Если в группе определено единственное значение - оно используется для всех углов. Если в группе определено два значения - то первое значение используется для верхнего левого и нижнего правого углов, а второе для верхнего правого и нижнего левого углов. Если в группе заданы три значения - первое используется для верхнего левого, второе для верхнего правого и нижнего левого углов, а третье используется для нижнего правого. Если в группе все четыре значения - то они, последовательно, используются для верхнего левого, верхнего правого, нижнего левого и нижнего правого углов.

Свойство -moz-border-radius является вариацией свойства border-radius (введенного в CSS3), реализованной в Mozilla. Свойство -moz-border-radius, реализованное в Mozilla, и рекомендованное стандартом CSS3 различаются интерпретацией процентных значений.

Характеристика Значение
Начальное значение 0
 
Область применения все элементы (см. примечание в тексте)
 
Наследование нет
 
Процентное значение по отношению к ширине элемента
 
Устройства визуальные устройства
 
Сокращенное свойство нет
 
Индивидуальные свойства
-moz-border-radius-topleft - скругление верхнего левого угла
 
-moz-border-radius-topright - скругление верхнего правого угла
 
-moz-border-radius-bottomright - скругление нижнего правого угла
 
-moz-border-radius-bottomleft - скругление нижнего левого угла
 
Спецификация https://developer.mozilla.org/en/CSS/-moz-border-radius
 
Значения
<длина> - явное задание радиуса закругления
 
<проценты> - по отношению к ширине элемента
 
inherit - применить значение родителя