Style borderPromień Właściwość
Przykład
Dodaj zaokrąglone obramowania do elementu div:
document.getElementById("myDIV").style.borderRadius = "25px";
Definicja i użycie
Właściwość borderRadius jest skróconą własnością służącą do ustawiania lub zwracania czterech właściwości borderRadius.
Cztery właściwości promienia obramowania to (w tej kolejności):
granicagóra
lewa granica promienia góra prawa granica promienia dolna prawa granica promienia dolna lewa
granica
promień
Wskazówka: ta właściwość pozwala dodawać zaokrąglone rogi do elementów!
Obsługa przeglądarki
Property | |||||
---|---|---|---|---|---|
borderRadius | Yes | 9.0 | Yes | Yes | Yes |
Składnia
Zwróć właściwość borderRadius:
object.style.borderRadius
Ustaw właściwość borderRadius:
object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"
Uwaga: Cztery wartości dla każdego promienia są podane w kolejności góra-lewo, góra-prawo, dół-prawo, dół-lewo. Jeśli lewy dolny jest pominięty, jest taki sam jak prawy górny. Jeśli prawy dolny jest pominięty, jest taki sam jak lewy górny. Jeśli prawy górny jest pominięty, jest taki sam jak lewy górny.
Wartości nieruchomości
Value | Description |
---|---|
length | Defines the shape of the corners. Default value is 0 |
% | Defines the shape of the corners in % |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Szczegóły techniczne
Domyślna wartość: | 0 |
---|---|
Wartość zwrotu: | String, reprezentujący właściwość border-radius elementu |
Wersja CSS | CSS3 |
Powiązane strony
Odniesienie CSS: właściwość border-radius