Справочник по CSS : Тематический указатель : Расширения CSS для Firefox (Gecko) : Свойства : -moz-border-radius-bottomright

Материал из Справочник Web-языков

• Главная
• CSS
• Тематический указатель
• Справочник по свойствам и атрибутам
• Расположение и границы
• -moz-border-radius-bottomright

Содержание 1 Свойство -moz-border-radius-bottomright 2 Синтаксис 3 Используемые значения 4 Примеры 5 Поддерживаемые браузеры 6 Стандарты 7 Ссылки на источники

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

Задает радиус закругления нижнего правого угла элемента.

Синтаксис

-moz-border-radius-bottomright: <border-radius> <border-radius>?

Используемые значения

<border-radius>

Задается одним значением или двумя значениями для эллептических углов. Значения определяют величину кривизы (радиус) угла. <border-radius> может задаваться с помощью:

length Допустимо использовать следующие единицы измерения: cm, mm, in, pt, pc, em, ex, или px. percentage В CSS 3 проценты для радиуса горизонтальных закруглений высчитываются в зависимости от ширины области, для которой задаются округлые границы, а для вертикальных - в зависимости от высоты области. Однако, в Gecko (Firefox) (не по стандарту) проценты высчитываются в зависимости от ширины области.

Значением по умолчанию является 0. Атрибут Каскадных таблиц стилей (CSS) не наследуется.

Примеры

В примерах показано как описать свойство -moz-border-radius-bottomright

div { -moz-border-radius-bottomright:  20px;  /* Firefox */
   -webkit-border-bottom-right-radius: 20px;  /* Safari/WebKit */
           border-bottom-right-radius: 20px;  /* Opera; браузеры с поддержкой CSS3 */
}

/* эллиптические углы поддерживаются, начиная с Firefox 3.5 (Gecko 1.9.1) */
  
div { -moz-border-radius-bottomright:   20px;       /* округлые углы, Firefox 1-3.0 */
      -moz-border-radius-bottomright:   20px 10px;  /* эллиптические углы, Firefox 3.5 */
    -webkit-border-bottom-right-radius: 20px 10px;  /* Safari/WebKit */
            border-bottom-right-radius: 20px 10px;  /* Opera; браузеры с поддержкой CSS3 */
}

Поддерживаемые браузеры

Firefox (Gecko) начиная с версии 1.0 (1.0) - для -moz-border-radius-bottomright, и начиная с версии 3.5 (1.9.1) - для эллиптических границ.

Opera начиная с версии 10.5 - для border-bottom-right-radius.

Safari (WebKit) начиная с версии 3.0 (522) - для -webkit-border-bottom-right-radius.

Стандарты

CSS 3 Backgrounds and Borders #border-radius

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

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