Atrybut Style borderTopLeftRadius

Definicja i użycie

borderTopLeftRadius Atrybut ustawia lub zwraca kształt krawędzi lewego górnego rogu.

Wskazówka:Ten atrybut pozwala dodać zaokrąglone krawędzie do elementu!

Inne źródła:

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

Przykład

Dodaj zaokrąglone krawędzie do lewego górnego rogu elementu div:

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

Spróbuj sam

Gramatyka

Zwrócenie atrybutu borderTopLeftRadius:

object.style.borderTopLeftRadius

Ustawienie atrybutu borderTopLeftRadius:

object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"

Komentarz:Długość wartości atrybutu border-top-left-radius i wartość procentowa definiują promień czwartej elipsy (definiuje kształt krawędzi zewnętrznej kąta). 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. Procentowy promień poziomy odnosi się do szerokości ramki, a procentowy promień pionowy odnosi się do wysokości ramki.

Wartość atrybutu

Wartość Opis
length Definiuje kształt lewego górnego rogu.
% Definiuje kształt lewego dolnego rogu w postaci procentowej.
initial Ustaw ten atrybut na jego wartość domyślną. Zobacz: initial.
inherit Inherbuje tę wartość atrybutu od elementu nadrzędnego. Zobacz: inherit.

Szczegółowe informacje techniczne

Domyślna wartość: 0
Wartość zwracana: ciąg znaków, który oznacza Atrybut border-top-left-radius.
Wersja CSS: CSS3

Przeglądarka internetowa obsługuje

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie 9.0 Wsparcie Wsparcie Wsparcie