-moz-outline-radius

Свойство -moz-outline-radius — сокращенный способ задать свойства границы -moz-outline-radius-topleft, -moz-outline-radius-topright, -moz-outline-radius-bottomright, -moz-outline-radius-bottomleft позволяет задать одновременно радиус скруглений обводки элемента.

Допустимые значения

  • <значение> — точное значение радиуса (не может быть отрицательным)
  • <процент> — значение радиуса в процентах.
  • inherit — значение радиуса как у родителя.

Есть возможность задать несколько радиусов для разных углов обводки. Если задано два радиуса, первый означает радиус скругления левого верхнего и правого нижнего углов обводки, а второй — правого верхнего и левого нижнего углов обводки. Если задано три числа, тогда первое — левый верхний угол обводки, второе — правый верхний и левый нижний углы обводки, а третье — правый нижний угол обводки.

Если значения указаны в процентах, то значение радиуса по обоим осям отсчитывается в процентах от ширины блока (тогда как в спецификации значения по оси x — от ширины, а по оси y — от высоты блока).

Значение по умолчанию 0
Применимо ко всем элементам
Наследование нет
Поддерживается браузерами
  • Firefox 1.5 и выше

Пример

CSS
.block {
-moz-outline-radius:10px 2em 10%;
outline: 1px solid #000;
}

Заметки

Если стиль обводки dotted или dashed, закругленные углы отображаются, как если бы стиль был solid. Если обводка заходит за элемент, она разрывается.

По теме