Opis

border-radius definiuje promień zaokrąglenia wszystkich narożników obramowania na 4 sposoby (w zależności od liczby wartości.

  • 1 wartość: taka sama wartość dla 4 narożników
  • 2 wartości: GL i DP, GP i DL
  • 3 wartości: GL, GP i DL, DP
  • 4 wartości: GL, GP, DP, DL


Indywidualne zaokrąglenia:
◤ border-top-left-radius
◥ border-top-right-radius
◢ border-bottom-right-radius
◣border-bottom-left-radius

Zobacz też border

Przykład
ZAWARTOŚĆ
Kod:
Wartości

border-radius: length_1-4 /[length_1-4]|initial|inherit;

WartośćOpis
length

10px 		Określa kształt zaokrąglenia narożników (może być w % wymiarów elementu). Wartość domyślna to 0 (brak zaokrąglenia). Sprawdź jednostki długości.
Cztery wartości dla każdego zaokrąglenia są podane zgodnie z ruchem wskazówek zegara: GL, GP, DP, DL. Pominięte DL jest takie samo jak GP. Pominięte DP jest takie samo jak GL. Pominięte GP jest takie samo jak GL.
initial Ustawia tę właściwość na wartość domyślną.
inherit Dziedziczy tę właściwość po elemencie nadrzędnym.
Przykłady: 10%   |   10% 50%  |   20px 50px 10px   |   20px 100% 40px 50%  |   20px 100% 40px 50% /30px 10%  |  
Info: Domyślna wartość: 0
Dziedziczenie:
Animowalność:
JavaScript: object.style.borderRadius