CSS border-block-eind-breedte eigenschap

Vorige pagina border-block-end-style
Volgende pagina border-block-start

Definitie en gebruik

Gerelateerde CSS eigenschappen eigenschap de randbreedte aan het einde van de blokkenrichting definiëren.

De eigenschappen zijn zeer vergelijkbaar, maarOm de eigenschap in te stellen voor het element, moet Gerelateerde CSS eigenschappen ingesteld moet worden border-block-end-style De eigenschap wordt effectief als

eigenschappen. Gerelateerde CSS eigenschappen CSS eigenschappen zijn vergelijkbaar met,border-bottom-width,border-left-width , border-right-width en Gerelateerde CSS eigenschappen border-top-width

De eigenschappen zijn zeer vergelijkbaar, maarDe eigenschap is afhankelijk van de blokkenrichting. Voorbeeld 2: Combinatie van writing-mode eigenschap Opmerking: Gerelateerde CSS eigenschappen Definieert de blokkenrichting. Dit beïnvloedt de start- en eindpositie van de blokken en

border-block-end-width

Resultaat van de eigenschap. Voor Engelse pagina's, is de inline-richting van links naar rechts, en de blokkenrichting is naar beneden.

Voorbeeld

writing-mode
  Invloed van de eigenschap:
  Voorbeeld 1
writing-mode: vertical-rl;

border-block-end-width: 5px;

Stel de breedte van de rand aan het einde van de blokkenrichting in:

border-block-end-width: 10px; Voorbeeld 2: Combinatie van writing-mode eigenschap De positie van de rand aan het einde van de blokkenrichting wordt beïnvloed door

writing-mode
  Invloed van de eigenschap:
  div {
  border-block-end-style: solid;
writing-mode: vertical-rl;

border-block-end-width: 5px;

}

Probeer het zelf uitlengthCSS syntaxis

border-block-end-width: medium|thin|thick|

\|initial\|inherit;	Eigenschapswaarde
medium	Waarde
Beschrijving	Specificeer een rand van gemiddelde breedte. Standaardwaarde.
Specificeer een dunne rand.	Specificeer een dikke rand.
length	Laat u toe om de dikte van de rand te definiëren. Raadpleeg:CSS Units.
initial	Stel deze eigenschap in op de standaardwaarde. Raadpleeg initial.
inherit	Deze eigenschap wordt van de ouderlijke elementen geërfd. Raadpleeg inherit.

Technische details

Standaardwaarde:	medium
Inheritantie:	Nee
Animatie maken:	Ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntaxis:	object.style.borderBlockEndWidth="10px"