Atrybut borderRadius stylu

Definicja i użycie

borderRadius Atrybut jest skróconą formą ustawiania lub zwracania czterech atrybutów borderRadius.

Cztery atrybuty borderRadius są (w tej kolejności):

Wskazówka:Ten atrybut pozwala na dodanie zaokrąglonych krawędzi do elementu!

Zobacz również:

Podręcznik CSS:Atrybut border-radius

Przykład

Dodaj zaokrąglone krawędzie do elementu div:

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

Spróbuj sam

Gramatyka

Zwróć atrybut borderRadius:

object.style.borderRadius

Ustawienie atrybutu borderRadius:

object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"

Komentarz:Cztery wartości promienia dla każdego z czterech rogów podawane są w kolejności: lewy górny, prawy górny, prawy dolny, lewy dolny. Jeśli pominięto dolny lewy, jest on taki sam jak prawy górny. Jeśli pominięto prawy dolny, jest on taki sam jak lewy górny. Jeśli pominięto prawy górny, jest on taki sam jak lewy górny.

Wartość atrybutu

Wartość Opis
length Definiuje kształt kąta. Domyślna wartość to 0.
% Definiuje kształt zaokrąglenia za pomocą procentów.
initial Ustaw ten atrybut na jego wartość domyślną. Zobacz: initial.
inherit Inherentuje tę wartość atrybutu od elementu nadrzędnego. Zobacz: inherit.

Szczegóły techniczne

Domyślna wartość: 0
Wartość zwracana: String, który reprezentuje Atrybut border-radius.
Wersja CSS: CSS3

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Obsługiwane 9.0 Obsługiwane Obsługiwane Obsługiwane