Свойство -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 |
|---|---|
| Применимо | ко всем элементам |
| Наследование | нет |
| Поддерживается браузерами |
|
Пример
.block {
-moz-outline-radius:10px 2em 10%;
outline: 1px solid #000;
}
Заметки
Если стиль обводки dotted или dashed, закругленные углы отображаются, как если бы стиль был solid. Если обводка заходит за элемент, она разрывается.
По теме
- Вендорные префиксы. Что это?
- Свойство outline
- Свойство -moz-outline
- Свойство outline-offset
- Свойство -moz-outline-offset
- Свойство outline-width
- Свойство -moz-outline-width
- Свойство outline-color
- Свойство -moz-outline-color
- Свойство outline-style
- Свойство -moz-outline-style