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

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"