CSS border-lijn-eind-breedte eigenschap

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

Definitie en gebruik

en De breedte van de rand aan het einde van de inline-richting van het element voor eigenschapsinstellingen.

Zeer vergelijkbaar, maar要使 en 属性生效，必须设置 border-inline-end-style Om dit te bereiken

Eigenschap werkt, moet ingesteld worden en eigenschappen. CSSLet op:eigenschappen zijn vergelijkbaar met de CSS-eigenschappenLet op:border-bottom-width , border-left-width border-right-width en border-top-width

Zeer vergelijkbaar, maarDe eigenschap is afhankelijk van de inline-richting. Voorbeeld 2: Combinatie met de writing-mode eigenschapLet op:gerelateerde CSS-eigenschappen , Voorbeeld 3: Combinatie met de direction eigenschap text-orientation en Definieert de inline-richting. Dit beïnvloedt de begin- en eindpositie van een regel, evenals

border-inline-end-width

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

Voorbeeld

direction
  De positie van de rand aan het einde van de inline-richting wordt beïnvloed door
  div {
direction: rtl;

border-inline-end-width: 10px;

Voorbeeld 1

Stel de breedte van de rand aan het einde van de inline-richting in: Voorbeeld 2: Combinatie met de writing-mode eigenschap De positie van de rand aan het begin en einde van de inline-richting wordt beïnvloed door

direction
  De positie van de rand aan het einde van de inline-richting wordt beïnvloed door
  writing-mode
  border-inline-end-style: solid;
direction: rtl;

border-inline-end-width: 10px;

writing-mode: vertical-rl;

border-inline-end-width: 5px; Voorbeeld 3: Combinatie met de direction eigenschap De positie van de rand aan het begin en einde van de inline-richting wordt beïnvloed door

direction
  Eigenschapsinvloed:
  div {
direction: rtl;

border-inline-end-width: 10px;

}

Probeer het zelf uitlengthCSS syntaxis

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

\|initial\|inherit;	Eigenschapswaarde
medium	Waarde
Beschrijving	Specificeer een gemiddelde rand. 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.borderInlineEndWidth="10px"