Sifat border-inline-end-style CSS
- Halaman sebelumnya border-inline-end-color
- Halaman berikutnya border-inline-end-width
Definisi dan penggunaan
border-inline-end-style
tetapkan gaya garisan pinggir elemen di akhir arah dalam baris.
CSS border-inline-end-style
Atribut dengan border-bottom-style
、border-left-style
、border-right-style
dan border-top-style
Atribut sangat serupa, tetapi border-inline-end-style
Atribut bergantung kepada arah dalam baris.
Perhatian:sifat CSS yang berkaitan writing-mode
、text-orientation
dan direction
Mendefinikan arah dalaman. Ini akan mempengaruhi posisi permulaan dan akhir baris, serta border-inline-end-style
Hasil sifat. Untuk halaman Inggeris, arah dalaman adalah dari kiri ke kanan, arah blok adalah ke bawah.
Contoh
Contoh 1
Tetapkan gaya garisan pinggir akhir arah dalaman:
div { border-inline-end-style: dotted; }
Contoh 2: Gabungkan sifat writing-mode
Posisi garisan pinggir akhir arah dalaman dipengaruhi oleh writing-mode
Dampak sifat:
div { writing-mode: vertical-rl; border-inline-end-style: dotted; }
Contoh 3: Gabungkan sifat direction
Posisi garisan pinggir permulaan dan akhir arah dalaman dipengaruhi oleh direction
Dampak sifat:
div { direction: rtl; border-inline-end-style: dotted; }
Bentuk CSS
border-inline-end-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
Nilai sifat
Nilai | Penerangan |
---|---|
none | Nilai lalai. Tentukan tanpa garisan. |
hidden | Sama seperti none, tetapi berbeza dalam penyelesaian konflik garisan pinggir elemen tabel. |
dotted | Tentukan garisan titik. |
dashed | Tentukan garisan gurun. |
solid | Tentukan garisan serupa. |
double | Tentukan garisan ganda. |
groove |
Tentukan garisan kekalan 3D. Efect ini bergantung kepada nilai border-color. |
ridge |
Tentukan garisan bulat 3D. Efect ini bergantung kepada nilai border-color. |
inset |
Tentukan garisan dalaman 3D. Efect ini bergantung kepada nilai border-color. |
outset |
Tentukan garisan luar bulat 3D. Efect ini bergantung kepada nilai border-color. |
initial | Tetapkan sifat ini kepada nilai lalai. Lihat: initial。 |
inherit | Mewarisi sifat ini dari elemen bapanya. Lihat: inherit。 |
Perincian teknologi
Nilai lalai: | none |
---|---|
Kewujudan: | Tidak |
Pembuatan animasi: | Tidak disokong. Lihat:Sifat berkaitan dengan animasi。 |
Versi: | CSS3 |
Bentuk JavaScript: | object.style.borderInlineEndStyle="dotted" |
Dukungan pereka
Nombor di dalam jadwal menunjukkan versi pereka paling awal yang sepenuhnya mendukung sifat ini.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
Halaman yang berkaitan
Panduan:Kereta CSS
Rujukan:Sifat border CSS
Rujukan:Sifat border-inline CSS
Rujukan:Sifat border-inline-end-style CSS
Rujukan:CSS border-inline-start-style 属性
Rujukan:Sifat border-bottom-style CSS
Rujukan:CSS border-left-style 属性
Rujukan:CSS border-right-style 属性
Rujukan:CSS border-top-style 属性
Rujukan:Sifat direction CSS
Rujukan:Sifat text-orientation CSS
Rujukan:Sifat writing-mode CSS
- Halaman sebelumnya border-inline-end-color
- Halaman berikutnya border-inline-end-width