-webkit-border-bottom-left-radius

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

Допустимые значения

  • <значение> — точное значение радиуса (не может быть отрицательным)

Есть возможность задать эллиптические радиусы используя пробел. Значение до пробела — радиус по оси х, а после пробела — радиус по оси у.

Значение по умолчанию 0
Применимо ко всем элементам, кроме табличных элементов для которых свойство border-collapse имеет значение ‘collapse’.
Наследование нет
Поддерживается браузерами
  • Safari 3 и выше
  • Chrome 1.0 и выше

Пример

CSS
.block {
width:100px;
height:50px;
-webkit-border-bottom-left-radius: 10px 20px;
border: 1px solid #000;
}

Заметки

Это свойство отличается от CSS3 свойства border-bottom-left-radius тем, что не поддерживает процентных значений радиуса.

По теме