пример
Добавьте округлую границу в правом нижнем углу <div> элемент:
div
{
border: 2px solid;
border-bottom-right-radius: 2em;
}
Попробуй сам " Определение и использование
Свойство границы нижнего правого радиуса определяет форму границы нижнего правого угла.
Tip: Это свойство позволяет добавлять закругленные границы элементам!
| Значение по умолчанию: | 0 |
|---|---|
| Наследование: | no |
| Animatable: | yes. Read about animatable Try it |
| Версия: | CSS3 |
| Синтаксис JavaScript: | object .style.borderBottomRightRadius="25px" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Числа следуют -webkit- или -moz- указать первую версию, которая работала с приставкой.
| Имущество | |||||
|---|---|---|---|---|---|
| border-bottom-right-radius | 5.0 4.0 -webkit- | 9.0 | 4.0 3.0 -moz- | 5.0 3.1 -webkit- | 10.5 |
CSS Синтаксис
border-bottom-right-radius:length|%[length|%]|initial|inherit;Note: Два значения длины или в процентах от свойств границы нижнего правого радиуса определяют радиусы четверти эллипса , который определяет форму угла внешнего края. Первое значение является горизонтальным радиусом, второй вертикальный радиус. Если второе значение опущено оно копируется из первого. Если какая-либо длина равна нулю, то угол квадрат, а не закругленные. Процентное соотношение для горизонтального радиуса относятся к ширине коробки границы, в то время как проценты для вертикального радиуса относятся к высоте коробки границы.
Значения свойств
| Стоимость | Описание | Сыграй |
|---|---|---|
| length | Определяет форму в правом нижнем углу. Значение по умолчанию равно 0 | Сыграй " |
| % | Определяет форму в правом нижнем углу, в% | Сыграй " |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
| inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
CSS3 учебник: CSS3 границы
HTML DOM ссылка: borderBottomRightRadius property