CSS border-block-end-style ominaisuus

Määritelmä ja käyttö

Määrittää lohkon suunnan. Tämä vaikuttaa lohkon alkupisteeseen ja loppupisteeseen sekä ominaisuus käytetään määrittämään elementin reunaviivan tyyliä lohkovaiheen lopussa.

CSS Määrittää lohkon suunnan. Tämä vaikuttaa lohkon alkupisteeseen ja loppupisteeseen sekä ominaisuus ja border-bottom-styleborder-left-styleborder-right-style ja border-top-style 属性非常相似,但 Määrittää lohkon suunnan. Tämä vaikuttaa lohkon alkupisteeseen ja loppupisteeseen sekä Ominaisuudet ovat hyvin samanlaisia, mutta

Ominaisuus riippuu lohkon suunnasta.Huomioitavaa: Lohkon suunta loppupään reunan tyylin sijainti riippuu liittyviin CSS-ominaisuuksiin Määrittää lohkon suunnan. Tämä vaikuttaa lohkon alkupisteeseen ja loppupisteeseen sekä border-block-end-style

Ominaisuuden tulos. Englanninkielisillä sivuilla sisäinen suunta on vasemmalta oikealle, lohkon suunta on alas.

Esimerkki

Esimerkki 1

Ominaisuuden vaikutus:
  Aseta lohkon suunnan loppupään reunan tyyli:
border-block-end-width: 5px;

}

border-block-end-style: viivainen;

Esimerkki 2: writing-mode-ominaisuuden yhdistäminen Lohkon suunta loppupään reunan tyylin sijainti riippuu writing-mode

Ominaisuuden vaikutus:
  div {
  border-block-end-style: yksirivinen;
  writing-mode: vertical-rl;
border-block-end-width: 5px;

}

Kokeile itse

CSS-kieli

border-block-end-style: none|piilotettu|viivainen|rajoitettu|yksirivinen|kaksoisraja|horisontaalinen kohokuoppa|kohokuoppa|sisäinen kohokuoppa|ulkopuolinen kohokuoppa|oletusarvo|perinnäisyys;

Ominaisuusarvo Arvo
Oletusarvo: Kuvaus
Oletusarvo. Määritä ilman reunaa. piilotettu
Sama kuin "ei", mutta eri taulukon elementin reunan konfliktin ratkaisussa. dotted
Määritä pisteinen raja. dashed
Määritä viivainen raja. solid
Määritä yksirivinen raja. double
Määritä kaksoisraja.

groove

Määritä 3D ulkopuolinen kohokuoppa.

Määritä 3D syväkuoppa.

ridge

Määritä 3D ulkopuolinen kohokuoppa.

Määritä 3D horisontaalinen kohokuoppa.

inset

Määritä 3D ulkopuolinen kohokuoppa.

Määritä 3D sisäinen kohokuoppa.

outset

Määritä 3D ulkopuolinen kohokuoppa.

Aseta tämä ominaisuus sen oletusarvoon. Katso Tulos riippuu border-color-arvon mukaan. Aseta tämä ominaisuus sen oletusarvoon. Katsoinherit
Periisi tämän ominaisuuden isältä elementiltä. Katso initial Periisi tämän ominaisuuden isältä elementiltä. Katsoinherit

.

Tekninen tarkistus Oletusarvo:
ei Perinnäisyys:
Ei Animaation tekeminen:
no. Lue lisää animatablesta Versio:
CSS3 JavaScript-kieli:

Selaimen tuki

Taulukossa olevat numerot viittaavat ensimmäiseen täysin tukevaan selaimen versioon.

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

Liittyvät sivut

Ohjeet:CSS reunat

Lähteestä:CSS border ominaisuus

Lähteestä:CSS border-block ominaisuus

Lähteestä:CSS border-block-style ominaisuus

Lähteestä:CSS border-block-start-style ominaisuus

Lähteestä:CSS border-bottom-style ominaisuus

Lähteestä:CSS border-left-style ominaisuus

Lähteestä:CSS border-right-style ominaisuus

Lähteestä:CSS border-top-style ominaisuus

Lähteestä:CSS writing-mode ominaisuus