Справочник по 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

Ссылки на источники

https://developer.mozilla.org/en/CSS/-moz-outline-radius

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="http://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования