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 також його розуміє.