border-top-right-radius
Опис CSS властивості border-top-right-radius:
Встановлює радіус скруглення правого верхнього куточка рамки. Якщо рамка не задана, то зкруглення також відбувається і з фоном.
Синтаксис CSS властивості border-top-right-radius:
border-top-right-radius: [значення | відсотки] [значення | відсотки]
Аргументи CSS властивості border-top-right-radius:
Як радіусу вказується будь-яке допустиме в CSS значення (px, cm, in, em та ін), а також відсотки, в цьому випадку радіус скруглення вважається від ширини блоку. Необов'язкове друге значення призначене для створення еліптичного куточка, перше значення при цьому встановлює радіус по горизонталі, а друге - радіус по вертикалі.
Значення по замовчуванні CSS властивості border-top-right-radius:
0
Наслідування CSS властивості border-top-right-radius:
не наслідується
Приклад використання CSS властивості border-top-right-radius:
<style type="text/css"> .radius { background: #f0f0f0; border: 1px dashed #000; padding: 15px; margin-bottom: 10px; } </style> <div style="border-top-right-radius: 10px" class="radius"> border-top-right-radius: 10px </div> <div style="border-top-right-radius: 70px 40px" class="radius"> border-top-right-radius: 70px 40px </div>Використання CSS властивості border-top-right-radius:
всі елементи
Додаткові відомості про CSS властивість border-top-right-radius:
Firefox використовує нестандартну властивість-moz-border-radius-topright. Safari використовує нестандартну властивість-webkit-border-top-right-radius, браузер Chrome також його розуміє.