border-top-right-radius

Оновлено: 21.12.2022

border-top-right-radius

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

Коротка інформація


Значення за замовчуванням 0
Успадковується Ні
Застосовується До всіх елементів
Анімується Так

Синтаксис

border-top-right-radius: [<розмір>| <відсотки>] [<розмір> | <відсотки>]

Значення

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

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

Рис. 1. Радіус заокруглення для створення різних типів куточків

Приклад

Об'єктна модель

Об'єкт.style.borderTopRightRadius

Примітка

Firefox до версії 4 використовує властивість -moz-border-radius-topright.

Chrome до версії 4, Safari до версії 5 і Android до версії 2.1 використовують властивість -webkit-border-top-right-top-radius.


Браузери

border-top-right-radius

Переглянути сумісність з Can I use?

border-top-right-radius