Styl ohraničení Vlastnost
Příklad
Přidejte ohraničení k prvku <div>:
document.getElementById("myDiv").style.border = "thick solid #0000FF";
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost border nastavuje nebo vrací až tři samostatné vlastnosti ohraničení ve zkrácené podobě.
Pomocí této vlastnosti můžete nastavit/vrátit jedno nebo více z následujících (v libovolném pořadí):
- hranice-šířka
- hraniční styl
- barva ohraničení
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntax
Vraťte vlastnost border:
object.style.border
Nastavte vlastnost ohraničení:
object.style.border = "width style color|initial|inherit"
Hodnoty vlastností
Parameter | Description |
---|---|
width | Sets the width of the borders |
style | Sets the style of the borders |
color | Sets the color of the borders |
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: | nespecifikováno |
---|---|
Návratová hodnota: | Řetězec představující šířku, styl a/nebo barvu ohraničení prvku |
Verze CSS | CSS1 |
Další příklady
Příklad
Změňte šířku, styl a barvu okraje prvku <div>:
document.getElementById("myDiv").style.border = "thin dotted red";
Příklad
Vraťte hodnoty vlastnosti border prvku <div>:
alert(document.getElementById("myDiv").style.border);
Související stránky
CSS tutoriál: CSS Border
CSS reference: vlastnost border