Справочник по CSS : Тематический указатель : Расширения CSS для Firefox (Gecko) : Свойства : -moz-outline-radius
смотрим также
-
Источник: #.
Материал из Справочник Web-языков
Содержание |
Свойство -moz-outline-radius
Используется, чтобы сделать углы контура элемента закругленными.
Синтаксис
-moz-outline-radius: <outline-radius>{1,4} | inherit
Используемые значения
- <outline-radius>
- Задается 1, 2, 3 или 4 значениями. <outline-radius> может задаваться с помощью:
- length
- Допустимо использовать следующие единицы измерения: cm, mm, in, pt, pc, em, ex, или px.
- percentage
- В CSS 3 проценты для радиуса закруглений высчитываются в зависимости от ширины области.
Значением по умолчанию является 0. Атрибут Каскадных таблиц стилей (CSS) не наследуется.
Замечания
Контур (outline) - это линия, которая рисуется вокруг элемента за его границами (borders), чтобы обозначить местоположение элемента.
Радиус закруглений в свойстве -moz-outline-radius определяется в зависимости от числа заданных значений:
- Если задано одно значение, то значение для радиуса применяется ко всем 4 углам.
- Если заданы два значения, то первое значение применяется для радиуса верхнего левого и нижнего правого углов; а второе - для радиуса верхнего правого и нижнего левого углов.
- Если заданы четыре значения, то они применяются в следующем порядке: верхний левый угол, верхний правый угол, нижний правый угол, нижний левый угол (по часовой стрелке).
- Если заданы три значения, то они применяются по такому же принципу, как если бы их было четыре, но только второе значение применяется для верхнего правого и нижнего левого углов.
Если для контура элемента заданы значения dotted или dashed, то при использовании свойства -moz-outline-radius закругленные углы все равно отображаются как solid.
Примеры
В примерах показано как описать свойство -moz-outline-radius
outline: dotted red; -moz-outline-radius: 12% 1em 25px; /* что эквивалентно описанию 4-х свойств */ -moz-outline-radius-topleft: 12%; -moz-outline-radius-topright: 1em; -moz-outline-radius-bottomright: 35px; -moz-outline-radius-bottomleft: 1em;
Поддерживаемые браузеры
Firefox (Gecko) начиная с версии 1.5 (1.8).
Смотрите также
outline, outline-style, outline-color, outline-width, outline-offset, -moz-outline-radius, -moz-outline-radius-topleft, -moz-outline-radius-topright, -moz-outline-radius-bottomleft, -moz-outline-radius-bottomright