Batas CSS

Atribut garis pinggir CSS

CSS border Atribut memungkinkan Anda menentukan gaya, lebar, dan warna garis pinggir elemen.

Semua garis pinggir saya memiliki garis pinggir.

Saya memiliki garis pinggir bawah merah.

Saya memiliki garis pinggir dengan ujung yang bulat.

Saya memiliki garis pinggir kiri biru.

Gaya garis pinggir CSS

border-style Atribut menentukan jenis garis pinggir yang akan ditampilkan.

Memungkinkan nilai berikut:

  • titik - Definisi garis pinggir titik
  • bising - Definisi garis pinggir bising
  • besar - Definisi garis pinggir berwarna serupa
  • ganda - Definisi garis pinggir ganda
  • selang - Definisi garis pinggir 3D selang. Effek tergantung nilai border-color
  • gelombang - Definisi garis pinggir 3D gelombang. Effek tergantung nilai border-color
  • dalaman - Definisi garis pinggir 3D dalaman. Effek tergantung nilai border-color
  • luar - Definisi garis pinggir 3D luar. Effek tergantung nilai border-color
  • tanpa batas - Definisi garis pinggir tanpa batas
  • tersembunyi - Definisi garis pinggir tersembunyi

border-style Atribut dapat diatur dengan satu hingga empat nilai (digunakan untuk garis pinggir atas, garis pinggir kanan, garis pinggir bawah, dan garis pinggir kiri).

Contoh

Pertunjukan berbagai gaya garis pinggir:

p.garis_titik {border-style: garis titik;}
p.garis_bising {border-style: garis bising;}
p.besar {border-style: besar;}
p.dua {border-style: dua;}
p.selang {border-style: selang;}
p.gelombang {border-style: gelombang;}
p.luar {border-style: luar;}
p.dalaman {border-style: dalaman;}
p.tidak {border-style: tak ada;}
p.gelar {border-style: gelar;}
p.mix {border-style: dotted dashed solid double;}

结果：

边框点状。

边框虚线。

边框实线。

边框双线。

边框凹槽。其效果取决于 border-color 的值。

边框垄状。其效果取决于 border-color 的值。

边框嵌入 3D。其效果取决于 border-color 的值。

边框突出 3D。其效果取决于 border-color 的值。

边框无边。

边框隐藏。

边框混合。

亲自试一试

注意：除非设置了 border-style 属性，否则其他 CSS 边框属性（将在下一章中详细讲解）都不会有任何作用！