CSS border-top-left-radius свойство

определение и использование

атрибут border-top-left-radius определяет форму края верхнего левого угла.

подсказка:эта функция позволяет вам добавить закругленные края к элементу.

смотрите также:

CSS3 учебник:Рамки CSS3

пример

добавить закругленные края к верхнему левому углу элемента div:

div
{
border:2px solid;
border-top-left-radius:2em;
}

попробуйте сами

CSS синтаксис

border-bottom-right-radius: length|% [length|%];

Примечание:длина значения и процентное значение атрибута border-top-left-radius определяют радиус четверти эллипса (определяет форму углов внешней кромки рамки). Первый показатель - горизонтальный радиус, второй - вертикальный радиус. Если второй показатель опущен, то используется первый. Если длина равна нулю, то угол будет квадратным, а не круглым. Процентное значение горизонтального радиуса указывает на ширину рамки, а процентное значение вертикального радиуса указывает на высоту рамки.

значение свойства

значение описание тест
length определяет форму нижнего левого угла. тест
% определяет форму нижнего левого угла в процентах. тест

технические детали

по умолчанию: 0
наследование: нет
версия: CSS3
JavaScript синтаксис: объект.style.borderTopLeftRadius="5px"

поддержка браузерами

числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5