CSS border-block-start-breedte eigenschap

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

Aanbevolen cursus:

Gerelateerde CSS eigenschappen Definitie en gebruik

Zeer vergelijkbaar, maarDe eigenschap stelt het element in om de randbreedte aan het begin van de blokken in te stellen. Gerelateerde CSS eigenschappen Om de eigenschap in te stellen border-block-start-style De eigenschap treedt in werking, moet worden ingesteld

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

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

border-block-start-width

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

Voorbeeld

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

border-block-start-width: 5px;

Stel de breedte van de rand aan het begin van de blokken in:

border-block-start-width: 10px; Voorbeeld 2: Combinatie met de writing-mode eigenschap De positie van de rand aan het begin van de blokken wordt beïnvloed door

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

border-block-start-width: 5px;

}

Probeer het zelf uitlengthCSS syntaxis

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

\|initial\|inherit;	Eigenschapswaarde
medium	Waarde
Beschrijving	Specificeer een middelgrote rand. Standaardwaarde.
Specificeer een dunne rand.	Specificeer een brede rand.
length	Laat je toe om de dikte van de rand te definiëren. Raadpleeg ook:CSS Einheid.
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
Inheritance:	Nee
Animatie maken:	Ondersteund. Raadpleeg:Animatiegerelateerde eigenschappen.
Versie:	CSS3
JavaScript syntaxis:	object.style.borderBlockStartWidth="10px"