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