Atribut border-inline CSS

Halaman sebelumnya border-image-width
Halaman berikutnya border-inline-color

Definisi dan penggunaan

border-inline Atribut adalah singkatan dari atribut berikut:

Jika nilai warna atau lebar diabaikan, akan digunakan nilai standar.

CSS border-inline atribut dengan border Atribut sangat mirip, namun border-inline atribut ini tergantung pada arah lini dalam.

catatan:atribut CSS yang relevan writing-mode,text-orientation dan direction definisikan arah lini dalam. Ini akan mempengaruhi posisi awal dan akhir baris, serta border-inline efek atribut. Untuk halaman berbahasa Inggris, arah lini dalam adalah dari kiri ke kanan, dan arah blok adalah ke bawah.

contoh

contoh 1

mengatur gaya, warna, dan lebar garis bata untuk elemen yang berbeda di arah lini dalam:

h1 {
  border-inline: 5px solid red;
}
h2 {
  border-inline: 4px dotted blue;
}
div {
  border-inline: double;
}

coba sendiri

contoh 2: kombinasi atribut writing-mode

garis bata di posisi awal dan akhir arah lini dalam dipengaruhi oleh writing-mode pengaruh atribut:

div {
  writing-mode: vertical-rl;
  border-inline: hotpink dashed 8px;
}

coba sendiri

syntaks CSS

border-inline: border-inline-width border-inline-style border-inline-color |initial|inherit;

nilai atribut

nilai	deskripsi
border-inline-width	menentukan lebar garis bata di arah lini dalam. nilai standar adalah "medium".
border-inline-style	menentukan gaya garis bata di arah lini dalam. nilai standar adalah "none".
border-inline-color	menentukan warna garis bata di arah lini dalam. nilai standar adalah warna teks.
initial	menetapkan atribut ini ke nilai standarnya. Lihat initial.
inherit	mengevaluasi atribut ini dari elemen induknya. Lihat inherit.

detil teknis

nilai standar:	medium none color
keteraturan:	no
pembuatan animasi:	yes, see individual properties. Read about animatable
versi:	CSS3
syntaks JavaScript:	object.style.borderInline="dashed hotpink 10px"