СSS Свойство border-bottom-right-radius
Пример
Добавить закругленные границы в правый нижний угол двух элементов <div>:
#example1 {
border: 2px solid red;
border-bottom-right-radius: 25px;
}
#example2 {
border: 2px solid red;
border-bottom-right-radius: 50px
20px;
}
Редактор кода »
Определение и использование
Свойство border-bottom-right-radius определяет радиус нижнего правого угла.
Совет: Это свойство позволяет добавлять закругленные границы к элементам!
| Значение по умолчанию: | 0 |
|---|---|
| Унаследованный: | нет |
| Анимируемый: | да. Прочитать о animatable Попробовать |
| Версия: | CSS3 |
| JavaScript синтаксис: | object.style.borderBottomRightRadius="25px" Попробовать |
Поддержка браузеров
Числа в таблице указывают первую версию браузера, которая полностью поддерживает свойство.
Числа, за которыми следуют -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;
Примечание: Если вы зададите два значения, первое - для нижней границы, а второе - для левой границы. Если второе значение опущено, оно копируется из первого. Если любая длина равна нулю, то угол будет квадратным, а не закругленным.
Значение свойств
| Свойство | Описание | Воспроизвести |
|---|---|---|
| length | Определяет форму нижнего правого угла. Значение по умолчанию 0. Прочитать о Единицы длины | Воспроизвести » |
| % | Определяет форму нижнего правого угла в % | Воспроизвести » |
| initial | Устанавливает для этого свойства значение по умолчанию. Прочитать о initial | Воспроизвести » |
| inherit | Наследует это свойство от родительского элемента. Прочитать о inherit |
Примеры
Пример
Add rounded borders to the bottom-right corner in percent:
#example1 {
border: 2px solid red;
background: url(paper.gif);
padding: 10px;
border-bottom-right-radius: 40%;
}
Редактор кода »
Связанные страницы
CSS учебник: CSS Закругленные углы
HTML DOM справочник: Свойство borderBottomRightRadius
