Course Schedule

CSS Referentiemanual

CSS-eigenschappen

Vakoverschrijdende cursus

Aanbevolen cursus:

CodeW3C.com tulpentas

CSS border-block-stijl eigenschap

Vorige pagina border-block-start-width
Volgende pagina border-block-width

Definitie en gebruik

gerelateerde CSS eigenschappen De eigenschap stelt de randstijl van het element in de blokjas in.

gerelateerde CSS eigenschappen De waarde van de eigenschap kan op verschillende manieren worden ingesteld:

Als gerelateerde CSS eigenschappen De eigenschap heeft twee waarden:

border-block-style: solid;

De randstijl aan het begin van het blok is stippen
De randstijl aan het einde van het blok is stippen

Als gerelateerde CSS eigenschappen De eigenschap heeft één waarde:

border-block-style: gestippeld;

De randstijl aan het begin en einde van het blok is stippen

CSS gerelateerde CSS eigenschappen Eigenschappen en CSS-eigenschappen border-bottom-styleenborder-left-styleenborder-right-style en border-top-style 非常相似，但 gerelateerde CSS eigenschappen 属性依赖于块方向。

Zeer vergelijkbaar, maarDe eigenschap is afhankelijk van de blokkenrichting. Voorbeeld 2: Combinatie van writing-mode eigenschap Let op: gerelateerde CSS eigenschappen Definieert de blokkenrichting. Dit beïnvloedt de start- en eindpositie van de blokken, evenals

border-block-style

Eigenschapsresultaat. Voor Engelse pagina's, de inline richting is van links naar rechts, de blokkenrichting is naar beneden.

Voorbeeld

Voorbeeld 1
  Stel de randstijl in de blokkenrichting in:
writing-mode: vertical-rl;
#example1 {
  border-block-style: solid;
writing-mode: vertical-rl;

border-block-style: dotted;

#example2 {

border-block-style: dashed dotted; Voorbeeld 2: Combinatie van writing-mode eigenschap De positie van de randstijl aan het begin en einde van de blokkenrichting wordt beïnvloed door

writing-mode
  Invloed van de eigenschap:
  div {
writing-mode: vertical-rl;

border-block-style: dotted;

}

Probeer het zelf uit

CSS syntaxis

border-block-style: none\|hidden\|dotted\|dashed\|solid\|double\|groove\|ridge\|inset\|outset\|initial\|inherit;	Eigenschapswaarde
none	Waarde
Beschrijving	Standaardwaarde. Specificeer geen rand.
hidden	Gelijk aan none, maar uitzondering op het oplossen van conflict met de rand van het tabel-element.
dashed	Specificeer een gestippelde rand.
solid	Specificeer een rechte rand.
double	Specificeer een dubbele rand.
groove	Specificeer een 3D inkeping rand. Het effect hangt af van de waarde van border-color.
ridge	Specificeer een 3D opgeheven rand. Het effect hangt af van de waarde van border-color.
inset	Specificeer een 3D ingesloten rand. Het effect hangt af van de waarde van border-color.
outset	Specificeer een 3D uitstekende rand. Het effect hangt af van de waarde van border-color.
initial	Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap wordt van de ouderlijke elementen geërfd. Raadpleeg inherit.

Technische details

Standaardwaarde:	none
Inheritantie:	Nee
Animatie maken:	Niet ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntaxis:	object.style.borderBlockStyle="dotted"