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

смотрим также

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

Перейти к: навигация, поиск


Содержание

Свойство -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

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