CSS border-block-start ominaisuus

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

Määritelmä ja käyttö

border-block-start Ominaisuus on seuraavien ominaisuuksien lyhennys:

CSS border-block-start ominaisuudet ovat border-bottom,border-left,border-right ja border-top Ominaisuudet ovat hyvin samanlaisia, mutta border-block-start Ominaisuus riippuu blokki-akselista.

Huomioitavaa:liittyvistä CSS-ominaisuuksista writing-mode Määrittää blokki-akselin. Tämä vaikuttaa blokin alkupään ja loppupään sijaintiin sekä border-block-start Ominaisuuden vaikutus. Englanninkielisillä sivuilla rivi-akseli on vasemmalta oikealle, blokki-akseli on alas.

Esimerkki

Esimerkki 1

Aseta blokki-akselin alkupään reunan leveys, väri ja tyyli:

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

Kokeile itse

Esimerkki 2: Yhdistettynä writing-mode-ominaisuuteen

Blokki-akselin alkupään reunan sijainti riippuu writing-mode Ominaisuuden vaikutus:

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

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo	Kuvaus
border-block-start-width	Määritä elementin alakulmaväri blokki-akselin alkupäässä. Oletusarvo on medium.
border-block-start-style	Määritä elementin alakulmaväri blokki-akselin alkupäässä. Oletusarvo on none.
border-block-start-color	Määritä elementin alakulmaväri blokki-akselin alkupäässä. Oletusarvo on reunan nykyvä väri.
initial	Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit	Perii tämän ominaisuuden isältään. Katso: inherit.

Tekninen yksityiskohta

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