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