border-bottom-left-radius

Поддержка браузеров

IE Opera Chrome Firefox Safari
IE9.0+ 10.50+ + 4.0+. Для более ранних версий - -moz-border-radius-bottomleft 5.0+. Для версий 3-4 - -webkit-border-top-left-radius

Пример

Скругляем нижний левый угол блока div:

div 
  	{
  	border:2px solid red;
        border-bottom-left-radius:25px;
  	}

Описание и использование

Свойство border-bottom-left-radius позволяет установить радиус скругления нижнего левого угла рамки.

 

Значение по умолчанию: 0
Наследуется: нет
Версия: CSS3

Синтаксис

border-bottom-left-radius: значение_радиуса [значение_радиуса]

Два значения указываются в случае, если требуется создать  эллиптический угол - в этом случае 1 значение - радиус по горизонтали, второе значение - радиус по вертикали.

Уроки по теме:

10 самых используемых правил CSS3

Решения CSS3 для Internet Explorer

^ Наверх ^