Опції
| Значення за замовчуванням | 0 |
|---|---|
| Наслідується | Ні |
| Відсоткове значення | Так, відносно ширини блоку |
| Застосовується | До всіх елементів |
| Посилання на специфікацію | http://www.w3.org/TR/css3-background/#border-bottom-right-radius |
Версії CSS
| CSS 1 | CSS 2 | CSS 2.1 | CSS 3 |
|---|---|---|---|
Опис
Встановлює радіус закруглення правого нижнього кута рамки. Якщо рамка не задана, то закруглення також відбувається і з фоном.
Синтаксис
border-bottom-right-radius: [значення | відсотки] [значення | відсотки]
Значення
Як радіус вказується будь-яке припустиме значення в CSS (px, cm, in, em та ін.), а також відсотки, у цьому випадку радіус закруглення розглядається від ширини блоку.
Додаткове друге значення призначене для створення еліптичного кутка, перше значення встановлює радіус по горизонталі, а друге – радіус по вертикалі.
Приклад нижче показує, як створити різні типи кутків.
Результат цього прикладу показано на рисунку.
Браузери
Chrome до версії 4.0, Safari до версії 5.0, iOS використовують нестандартне властивість -webkit-border-top-left-radius.
Firefox до версії 4.0 використовує нестандартне властивість -moz-border-radius-topleft.