CSS3 границы радиуса недвижимости
примеров
Div элемент, чтобы добавить закругленные границы:
{
border:2px solid;
border-radius:25px;
}
Попробуйте »
Поддержка браузеров
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
Сразу же после цифровой -webkit-, -ms- или -moz- назад в поддержку префикса атрибута первый номер версии браузера.
свойство | |||||
---|---|---|---|---|---|
границы изображения | 4.0 -webkit- | 9.0 | 4.0 -moz- | 5,0 -webkit- | 10.5 -о- |
Определение атрибута и инструкции
граница радиуса Свойство можно указать до четырех границы - * - радиус свойства составных свойств
Примечание: Это свойство позволяет добавлять элементы закругленные границы!
По умолчанию: | 0 |
---|---|
Наследование: | нет |
Версия: | CSS3 |
Синтаксис JavaScript: | объект object.style.borderRadius = "5px" |
грамматика
Примечание: Порядок четырех значений каждого радиуса являются: верхний левый, верхний правый, нижний правый угол, нижний левый угол.Если опустить левый нижний угол, верхний правый угол и тот же. Если опустить нижний правый угол, верхний левый угол и тот же. Если опустить верхний правый угол, верхний левый угол и тот же.
值 | 描述 |
---|---|
length | 定义弯道的形状。 |
% | 使用%定义角落的形状。 |
Пример 1
эквивалентно:
границы верхнего левого радиуса: 2em;
границы верхнего правого радиуса: 2em;
границы нижнего правого радиуса: 2em;
граница-нижний левый-радиус: 2em;
Пример 2
эквивалентно:
границы верхнего левого радиуса: 2em 0.5em;
границы верхнего правого радиуса: 1em 3em;
границы нижнего правого радиуса: 4em 0.5em;
граница-нижний левый-радиус: 1em 3em;
Статьи по Теме
CSS3 учебник: CSS3 Border