CSS border-block-end ominaisuus

Edellinen sivu border-block-color
Seuraava sivu border-block-end-color

Määrittely ja käyttö

border-block-end ominaisuuksien lyhenteitä, jotka ovat seuraavien ominaisuuksien muotoa:

CSS border-block-end ominaisuudet ovat CSS:n border-bottom,border-left,border-right ja border-top Ominaisuudet ovat hyvin samanlaisia, mutta border-block-end Ominaisuus riippuu lohko-asteikosta.

Huomaa:liittyvistä CSS-ominaisuuksista writing-mode Määrittää lohko-asteikon. Tämä vaikuttaa lohkon alkupisteeseen ja loppupisteeseen sekä border-block-end Ominaisuuden vaikutus. English pagesissa, inline-asteikko on vasemmalta oikealle, lohko-asteikko on alas.

Esimerkki

Esimerkki 1

Aseta lohko-asteikon lopun reunan leveys, väri ja tyyli:

div {
  border-block-end: 10px solid pink;
}

Kokeile itse!

Esimerkki 2: writing-mode-ominaisuuden yhdistäminen

Lohko-asteikon lopun reunan sijainti riippuu writing-mode Ominaisuuden vaikutus:

div {
  writing-mode: vertical-rl;
  border-block-end: dotted blue;
}

Kokeile itse!

CSS-kieli

border-block-end: border-block-end-width border-block-end-style border-block-end-color|initial|inherit;

Ominaisuuden arvo

Arvo	Kuvaus
border-block-end-width	Määritä elementin lohko-asteikon lopun reunan leveys. Oletusarvo on "medium".
border-block-end-style	Määritä elementin lohko-asteikon lopun reunan tyyli. Oletusarvo on "none".
border-block-end-color	Määritä elementin lohko-asteikon lopun reunan väri. Oletusarvo on reunan nykyinen väri.
initial	Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit	Periisi tästä ominaisuudesta sen emo-elementistä. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo:	medium none currentcolor
Perintä:	Ei
Animaation tekeminen:	Tuki. Katso:Animaatiotunnukset.
Versio:	CSS3
JavaScript-kieli:	object.style.borderBlockEnd="pink dotted 5px"