CSS właściwość border-top-right-radius

Definicja i zastosowanie

Atrybut border-top-right-radius definiuje kształt prawego dolnego rogu krawędzi.

Wskazówka:Ta właściwość pozwala dodać zaokrąglone krawędzie do elementu.

Zobacz również:

Kurs CSS3:Krawędzie CSS3

Przykład

Dodaj zaokrąglone krawędzie do prawego górnego rogu elementu div:

div
{
border:2px solid;
border-top-right-radius:2em;
}

Spróbuj sam

Gramatyka CSS

border-top-right-radius: length|% [length|%];

Komentarz:Wartość długości i procentowa wartość atrybutu border-top-right-radius definiują promień czwartej elipsy (definiują kształt krawędzi zewnętrznej krawędzi narożnika). Pierwsza wartość to promień poziomy, druga wartość to promień pionowy. Jeśli pominięto drugą wartość, kąt jest kwadratowy, a nie okrągły. Procentowa wartość promienia poziomego odnosi się do szerokości ramki, a procentowa wartość promienia pionowego odnosi się do wysokości ramki.

Wartość atrybutu

Wartość Opis Test
length Definiuje kształt górnego prawego rogu. Test
% Definiuje kształt górnego prawego rogu w procentach. Test

Szczegóły techniczne

Domyślna wartość: 0
Inheredność: nie
Wersja: CSS3
Gramatyka JavaScript: object.style.borderTopRightRadius="5px"

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5