Atrybut Style borderTopRightRadius

Definicja i użycie

borderTopRightRadius Atrybut definiuje kształt krawędzi górnego prawego rogu.

Wskazówka:Ta właściwość pozwala na dodanie zaokrąglonych krawędzi ramki do elementu!

Inne zasoby:

Podręcznik CSS:Atrybut border-top-right-radius

Przykład

Dodaj zaokrąglony krawędź rogu w prawym górnym rogu elementu div:

document.getElementById("myDIV").style.borderTopRightRadius = "25px";

Spróbuj sam

Gramatyka

Zwrócenie atrybutu borderTopRightRadius:

obiekt.style.borderTopRightRadius

Ustawienie atrybutu borderTopRightRadius:

obiekt.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"

Komentarz:Wartość długości i procentowa atrybutu border-top-right-radius definiują promień czwartej elipsy (definiuje kształt rogu zewnętrznego krawędzi ramki). Pierwsza wartość to promień poziomy, druga wartość to promień pionowy. Jeśli pominięto drugą wartość, kopiowana jest pierwsza wartość. Jeśli długość wynosi zero, 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
length Definiuje kształt górnego prawego rogu.
% Definiuje kształt górnego prawego rogu w postaci procentowej.
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz initial.
inherit Inherituje tę właściwość od elementu nadrzędnego. Zobacz inherit.

Szczegółowe informacje techniczne

Wartość domyślna: 0
Wartość zwracana: Ciąg znaków, który reprezentuje Atrybut border-top-right-radius.
Wersja CSS: CSS3

Przeglądarka internetowa wspiera

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wspieraj 9.0 Wspieraj Wspieraj Wspieraj