CSS border-inline-end-style ominaisuus

Edellinen sivu border-inline-end-color
Seuraava sivu border-inline-end-width

Määrittely ja käyttö

border-inline-end-style Ominaisuus asettaa elementin reunan tyylin rivin lopussa.

CSS:n border-inline-end-style Ominaisuus on border-bottom-style、border-left-style、border-right-style ja border-top-style Ominaisuudet ovat erittäin samanlaisia, mutta border-inline-end-style Ominaisuus riippuu rivin suunnasta.

Huomioitavaa:liittyvistä CSS-ominaisuuksista writing-mode、text-orientation ja direction Määrittää sisäisen suunnan. Tämä vaikuttaa rivityön alkupää- ja loppusijaintiin sekä border-inline-end-style Ominaisuuden tulos. Englanninkielisillä sivuilla sisäinen suunta on vasemmalta oikealle, lohkko- suunta on alas.

Esimerkki

Esimerkki 1

Aseta sisäisen suunnan loppureunuksen tyyli:

div {
  border-inline-end-style: dotted;
}

Kokeile itse

Esimerkki 2: Yhdistettynä writing-mode-ominaisuuden kanssa

Sisäisen suunnan loppureunuksen sijainti riippuu writing-mode Ominaisuuden vaikutus:

div {
  writing-mode: vertical-rl;
  border-inline-end-style: dotted;
}

Kokeile itse

Esimerkki 3: Yhdistettynä direction-ominaisuuden kanssa

Sisäisen suunnan alkupää- ja loppureunuksen sijainti riippuu direction Ominaisuuden vaikutus:

div {
  direction: rtl;
  border-inline-end-style: dotted;
}

Kokeile itse

CSS-kieli

border-inline-end-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Ominaisuuden arvo

Arvo	Kuvaus
none	Oletusarvo. Määrittää reunan puuttumisen.
hidden	On samanarvoinen kuin none, mutta on erilainen taulukon elementin reunan konfliktin ratkaisussa.
dotted	Määritä pisteitä sisältävä reunus.
dashed	Määritä viivareunus.
solid	Määritä täysjäsenreunus.
double	Määritä kaksoisreunus.
groove	Määritä 3D kaivonreunus. Tulos riippuu border-color-arvon arvosta.
ridge	Määritä 3D kohoukserunus. Tulos riippuu border-color-arvon arvosta.
inset	Määritä 3D sisäreunus. Tulos riippuu border-color-arvon arvosta.
outset	Määritä 3D ulkoreunus. Tulos riippuu border-color-arvon arvosta.
initial	Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit	Perii tämän ominaisuuden isältään. Katso: inherit.