Свойство -webkit-border-top-left-radius
Свойство -webkit-border-top-left-radius задает радиус скругления левого верхнего угла элемента.
Допустимые значения
- — точное значение радиуса (не может быть отрицательным)
Есть возможность задать эллиптические радиусы используя пробел. Значение до пробела — радиус по оси х, а после пробела — радиус по оси у.
| Значение по умолчанию | 0 |
|---|---|
| Применимо | ко всем элементам, кроме табличных элементов для которых свойство border-collapse имеет значение ‘collapse’. |
| Наследование | нет |
| Поддерживается браузерами |
|
Пример
CSS
.block {
width:100px;
height:50px;
-webkit-border-top-left-radius: 10px 20px;
border: 1px solid #000;
}
Заметки
Это свойство отличается от CSS3 свойства border-top-left-radius тем, что не поддерживает процентных значений радиуса.
По теме
- Вендорные префиксы. Что это?
- Скругление углов. Обзор методов
- Проблемы с border-radius
- CSS свойство -webkit-border-radius
- CSS свойство -webkit-border-top-right-radius
- CSS свойство -webkit-border-bottom-left-radius
- CSS свойство -webkit-border-top-right-radius
Показать комментарии