Styl ohraničeníTopLeftRadius Vlastnost
Příklad
Přidejte zaoblený okraj do levého horního rohu prvku div:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px";
Definice a použití
Vlastnost borderTopLeftRadius nastavuje nebo vrací tvar ohraničení levého horního rohu.
Tip: Tato vlastnost vám umožňuje přidat k prvkům zaoblené okraje!
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
borderTopLeftRadius | Yes | 9.0 | Yes | Yes | Yes |
Syntax
Vraťte vlastnost borderTopLeftRadius:
object.style.borderTopLeftRadius
Nastavte vlastnost borderTopLeftRadius:
object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"
Poznámka: Dvě hodnoty délky nebo procenta vlastností border-top-left-radius definují poloměry čtvrtinové elipsy, která definuje tvar rohu vnější hrany okraje. První hodnota je horizontální rádius, druhá vertikální rádius. Pokud je druhá hodnota vynechána, je zkopírována z první. Pokud je některá délka nula, roh je čtvercový, nikoli zaoblený. Procenta pro vodorovný poloměr odkazují na šířku rámečku ohraničení, zatímco procenta pro svislý poloměr odkazují na výšku rámečku ohraničení.
Hodnoty vlastností
Value | Description |
---|---|
length | Defines the shape of the top-left corner |
% | Defines the shape of the top-left corner in % |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technické údaje
Výchozí hodnota: | 0 |
---|---|
Návratová hodnota: | Řetězec představující vlastnost border-top-left-radius prvku |
Verze CSS | CSS3 |
Související stránky
CSS reference: vlastnost border-top-left-radius
❮ Objekt stylu