CSS border-block-end-width 属性
zoom
Mga katangian ng CSS
Pupuntang-aral
Ang mga katangian ay napakasama, ngunitRekomendasyon ng kurso: Mga katangian ng CSS
Definisyon at paggamit border-block-end-style
Ang katangian ay dapat itala upang gamitin ang katangian sa elementong ito sa block direction end border.
Ang katangian ay magiging epektibo, dapat na itong itala: Mga katangian ng CSS
katangian ng CSS. katangian ay may kaugnayan sa
,border-bottom-width
,border-left-width
, border-right-width
at Mga katangian ng CSS
border-top-width
Ang mga katangian ay napakasama, ngunitAng katangian ay umaasa sa block direction. Halimbawa 2: Pinagsama-sama ang katangian ng writing-mode
Babala: Mga katangian ng CSS
Nag-definir ang block direction. Ito ay makakaapekto sa posisyon ng pagsisimula at pagtatapos ng bloke at ang
border-block-end-width
Ang resulta ng katangian. Para sa pahina na Ingles, ang inline direction ay mula sa kaliwa papunta sa kanan, ang block direction ay papunta sa ilalim.
Eksemplo
writing-mode Epekto ng katangian: Halimbawa 1 writing-mode: vertical-rl;
I-set ang kapal ng block direction end border:
border-block-end-width: 10px; Halimbawa 2: Pinagsama-sama ang katangian ng writing-mode
Ang posisyon ng block direction end border ay pinasailalim sa
writing-mode Epekto ng katangian: div { border-block-end-style: solid; writing-mode: vertical-rl;
}
Subukan nang personallengthSyntax ng CSS
border-block-end-width: medium|thin|thick|
|initial|inherit; | Halaga ng katangian |
---|---|
medium | Halaga |
Paglalarawan | Tukuyin ang medium na lapad na border. Default na halaga. |
Tukuyin ang liit na border. | Tukuyin ang malakas na border. |
length | Hahayaan ninyong mag-definir ang kapal ng border. Tingnan:Unit ng CSS. |
initial | I-set ang katangian sa kanyang default na halaga. Tingnan: initial. |
inherit | Mumunuan ang katangian mula sa magulang na elemento. Tingnan: inherit. |
Detalye ng teknolohiya
Default value: | medium |
---|---|
Inheritsibility: | Hindi |
Gawa ng animasyon: | Sumusuporta. Tingnan ang:Katangian ng animasyon. |
Bersyon: | CSS3 |
Syntax ng JavaScript: | object.style.borderBlockEndWidth="10px" |
Suporta ng browser
Ang mga numero sa talahanayan ay naglalarawan ng unang bersyon ng browser na ganap na sumusuporta sa katangian.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
Pangkat ng pahina
Tuturial:CSS 边框
参考:CSS border-block-end-style 属性