Ссылки на каскадные стили CSS - border-top-right-radius.
Поддержка Браузеров
Интернет эксплорер
Google Chrome
Опера
Firefox
Сафари, то есть поддерживается во всех основных браузерах.
Определение и использование. Свойство граница верхнего правого радиуса( border-top-right-radius) определяет форму границы в правом верхнем углу. Это свойство border-top-right-radius позволяет добавлять закругленные границы для элементов. Внимание!!! Две длины или процентные значения свойств границы верхнего правого радиуса( border-top-right-radius) определяют радиусы четверти эллипса, определяющего форму угла внешней границы края. Первое значение горизонтальный радиус, второй вертикальный радиус. Если второе значение опускается он копируется из первого. Если одна длина равна нулю, то угол площади, не округляются. Проценты для горизонтального радиуса относительно ширины пограничной рамки, в то время как проценты для вертикального радиуса относятся к высоте пограничного окна.
Самое мощное здесь даже не в том, что производится некое изменение некого участка страницы сайта. Самое мощное здесь в том, что свойство border-top-right-radius, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера.
Синтаксис:
border-top-right-radius: length|% [length|%]|initial|inherit;
Определение и использование
Значение по умолчанию: |
0 |
наследуется: |
нет |
Версия: |
CSS3 |
JavaScript синтаксис: |
object.style.borderTopRightRadius="25px" |
Свойства Значения
Значение |
Описание |
length |
Определяет форму в правом верхнем углу |
% |
Определяет форму в правом верхнем углу |
initial |
Это свойство задает значение по умолчанию. |
inherit |
Наследует это свойство из его родительского элемента. |
Пишем программу - Добавить округлую границу в верхнем правом углу элемента:
< !DOCTYPE html>
< html>
< head>
< style>
div
{
border:2px solid;
padding:10px;
border-color:#C69;
background:#dddddd;
border-top-right-radius:2em;
-webkit-border-top-right-radius:2em; /* Safari */
}
< /style>
< /head>
< body>
< div>Свойство border-bottom-right-radius позволяет добавлять округлые границы
в правом верхнем углу.< /div>
< /body>
< /html>
Результат программы:
Свойство border-bottom-right-radius позволяет добавлять округлые границы в правом верхнем углу.
обратно на главную назад дальше вперед
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|