border-top-left-radius

Опис CSS властивості border-top-left-radius:

Встановлює радіус скруглення лівого верхнього куточка рамки. Якщо рамка не задана, то зкруглення також відбувається і з фоном.

Синтаксис CSS властивості border-top-left-radius:

border-top-left-radius: [значення | відсотки] [значення | відсотки]

Аргументи CSS властивості border-top-left-radius:

Як радіусу вказується будь-яке допустиме в CSS значення (px, cm, in, em та ін), а також відсотки, в цьому випадку радіус скруглення вважається від ширини блоку. Необов'язкове друге значення призначене для створення еліптичного куточка, перше значення при цьому встановлює радіус по горизонталі, а друге - радіус по вертикалі.

Значення по замовчуванні CSS властивості border-top-left-radius:

0

Наслідування CSS властивості border-top-left-radius:

не наслідується

Приклад використання CSS властивості border-top-left-radius:

<style type="text/css"> .title { background: #000080; color: #ffe; padding: 7px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .content { border: 1px solid #000080; background: #f0f0f0; padding: 7px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } </style> <div class="title">Текст1</div> <div class="content"> Текст2 </div>

Використання CSS властивості border-top-left-radius:

всі елементи

Додаткові відомості про CSS властивість border-top-left-radius:

Firefox використовує нестандартну властивість-moz-border-radius-topleft. Safari використовує нестандартну властивість-webkit-border-top-left-radius, браузер Chrome також його розуміє.