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