Sifat border-inline-end-style CSS

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-styleborder-left-styleborder-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-modetext-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;
}

Cuba sendiri

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;
}

Cuba sendiri

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;
}

Cuba sendiri

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