Najnowsze tutoriale tworzenie stron internetowych
 

Style borderRadius Property

<Style obiektu

Przykład

Dodaj granic zaokrąglone do elementu div:

document.getElementById("myDIV").style.borderRadius = "25px";
Spróbuj sam "

Definicja i Wykorzystanie

Nieruchomość borderRadius jest skróconą własnością dla ustawienia lub powrocie, czterech granicznych * właściwości promienia.

Tip: Ta właściwość pozwala na dodawanie zaokrąglone narożniki do elementów!


Wsparcie przeglądarka

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Nieruchomość borderRadius jest obsługiwana w IE9 +, Firefox, Chrome, Safari i Opera.


Składnia

Zwraca właściwość borderRadius:

object .style.borderRadius

Ustaw właściwość borderRadius:

object .style.borderRadius=" Note: Cztery wartości dla każdego promienia są podane w kolejności górny-lewy, prawy górny, dolny, prawy, dolnym rogu. Jeśli dolny lewy pomija ona jest taka sama jak w prawym górnym rogu. Jeśli dolny prawy jest pominięty to jest takie samo jak lewy górny. Jeżeli prawy górny jest pominięty to jest takie samo jak lewy górny.

wartości nieruchomości

Wartość Opis
length Określa kształt narożników. Wartość domyślna to 0
% Określa kształt narożników w%
initial Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy
inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć

Szczegóły techniczne

Domyślna wartość: 0
Zwracana wartość: Ciąg, stanowiących własność border-radius elementu
Wersja CSS CSS3

Podobne strony

Odniesienie CSS: border-radius property


<Style obiektu