Vlastnost Styl borderWidth
Příklad
Změňte šířku čtyř okrajů prvku <div>:
document.getElementById("myDiv").style.borderWidth = "thick";
Definice a použití
Vlastnost borderWidth nastavuje nebo vrací šířku ohraničení prvku.
Tato vlastnost může nabývat jedné až čtyř hodnot:
- Jedna hodnota, jako: p {border-width: tlustý} - všechny čtyři okraje budou tlusté
- Dvě hodnoty, například: p {šířka okraje: tlustý tenký} – horní a spodní okraj bude tlustý, levý a pravý okraj tenký
- Tři hodnoty, například: p {šířka okraje: tlustý tenký střední} – horní okraj bude tlustý, levý a pravý okraj tenký, spodní okraj střední
- Čtyři hodnoty, jako: p {border-width: tlustý tenký střední 10px} – horní okraj bude silný, pravý okraj bude tenký, spodní okraj bude střední, levý okraj bude 10px
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
borderWidth | Yes | Yes | Yes | Yes | Yes |
Syntax
Vraťte vlastnost borderWidth:
object.style.borderWidth
Nastavte vlastnost borderWidth:
object.style.borderWidth = "thin|medium|thick|length|initial|inherit"
Hodnoty vlastností
Value | Description |
---|---|
thin | Defines a thin border |
medium | Defines a medium border. This is default |
thick | Defines a thick border |
length | The width of the border in length units |
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: | střední |
---|---|
Návratová hodnota: | Řetězec představující šířku ohraničení prvku |
Verze CSS | CSS1 |
Další příklady
Příklad
Změňte šířku horního a spodního ohraničení na tlusté a levé a pravé ohraničení na tenké prvku <div>:
document.getElementById("myDiv").style.borderWidth = "thick thin";
Příklad
Změňte šířku čtyř okrajů prvku <div> pomocí hodnoty délky :
document.getElementById("myDiv").style.borderWidth = "1px 5px 10px 20px";
Příklad
Vrátí šířku okraje prvku <div>:
alert(document.getElementById("myDiv").style.borderWidth);
Související stránky
CSS tutoriál: CSS Border
CSS reference: vlastnost border-width
Odkaz HTML DOM: vlastnost border
❮ Objekt stylu