CSS border-block-style ominaisuus

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

Määrittely ja käyttö

liittyviin CSS ominaisuuksiin Ominaisuus asettaa elementin reunaviivan tyylin lohkovesiossa.

liittyviin CSS ominaisuuksiin Ominaisuuden arvo voidaan asettaa eri tavoin:

Jos liittyviin CSS ominaisuuksiin ominaisuudella on kaksi arvoa:

border-block-style: solid;

Alkuviivauksen ominaisuus on viivainen
Loppuviivauksen ominaisuus on pisteviiva

Jos liittyviin CSS ominaisuuksiin ominaisuudella on yksi arvo:

border-block-style: viivainen;

Alku- ja loppuviivaukset ovat viivoja

CSS liittyviin CSS ominaisuuksiin ominaisuudet CSS-ominaisuuksille border-bottom-style、border-left-style、border-right-style ja border-top-style 非常相似，但 liittyviin CSS ominaisuuksiin 属性依赖于块方向。

Erittäin samanlainen, muttaOminaisuus riippuu lohkon suunnasta. Esimerkki 2: yhdistettynä writing-mode ominaisuuteen Huomioitavaa: liittyviin CSS ominaisuuksiin Määrittelee lohkon suunnan. Tämä vaikuttaa lohkon alkupisteeseen ja loppupisteeseen sekä

border-block-style

Ominaisuuden tulos. English pages, inline-direction is from left to right, block-direction is downward.

Esimerkki

Esimerkki 1
  Aseta lohkon suunnan reunustyyli:
writing-mode: vertical-rl;
#example1 {
  border-block-style: solid;
writing-mode: vertical-rl;

border-block-style: dotted;

#example2 {

border-block-style: dashed dotted; Esimerkki 2: yhdistettynä writing-mode ominaisuuteen Lohkon suunnan alkupiste ja loppupiste reunustyylin sijainti riippuu

writing-mode
  Ominaisuuden vaikutus:
  div {
writing-mode: vertical-rl;

border-block-style: dotted;

}

Kokeile itse

CSS-kieli

border-block-style: none\|hidden\|dotted\|dashed\|solid\|double\|groove\|ridge\|inset\|outset\|initial\|inherit;	Ominaisuuden arvo
none	Arvo
Kuvaus	Oletusarvo. Määritä reunattomuus.
hidden	On samanlainen kuin none, mutta...
dashed	Määritä viivainen reunus.
solid	Määritä viivareunus.
double	Määritä kaksoisreunus.
groove	Määritä 3D reuna-kuoppa. Tulos riippuu border-colorin arvosta.
ridge	Määritä 3D kohoukko. Tulos riippuu border-colorin arvosta.
inset	Määritä 3D sisäreunus. Tulos riippuu border-colorin arvosta.
outset	Määritä 3D ulkoreunus. Tulos riippuu border-colorin arvosta.
initial	Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit	Perii tämän ominaisuuden vanhemmalta elementiltä. Katso: inherit.