Tetapkan gaya sempadan

Atribut gaya sempadan menetapkan gaya empat sempadan unsur. Sifat ini boleh mempunyai satu hingga empat nilai. . Garis putus-putus

border-style:dotted solid double dashed;

● Sempadan atas bertitik

● Sempadan kanan dan kiri ialah garisan padu

● Sempadan bawah ialah garisan dua

● Sempadan atas dan bawah

● Betul sempadan dan sempadan kiri adalah garis pepejal

border-style:dotted solid double;

● Semua 4 sempadan dihiasi nilai -nilai yang boleh ditetapkan:

none: Tentukan tiada sempadan .

tersembunyi: Sama seperti "tiada". Kecuali apabila digunakan pada jadual, yang tersembunyi digunakan untuk menyelesaikan konflik sempadan.

bertitik: Tentukan jidar bertitik. Dihasilkan sebagai garis padat dalam kebanyakan penyemak imbas.

putus-putus: Tentukan garis putus-putus. Dihasilkan sebagai garis padat dalam kebanyakan penyemak imbas.

pepejal: Tentukan garis pepejal.

double: Takrifkan dua garis. Lebar garisan berkembar adalah sama dengan nilai lebar sempadan.

alur: Tentukan sempadan alur 3D. Kesannya bergantung pada nilai warna sempadan.

rabung: Tentukan sempadan rabung 3D. Kesannya bergantung pada nilai warna sempadan.

inset: Tentukan sempadan inset 3D. Kesannya bergantung pada nilai warna sempadan.

permulaan: Tentukan sempadan permulaan 3D. Kesannya bergantung pada nilai warna sempadan.

warisi: Menentukan gaya sempadan harus diwarisi daripada elemen induk.

Meneruskan pembelajaran

fail baharu

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>设置边框样式</title> <style> p.none {border-style:none;} p.dotted {border-style:dotted;} p.dashed {border-style:dashed;} p.solid {border-style:solid;} p.double {border-style:double;} p.groove {border-style:groove;} p.ridge {border-style:ridge;} p.inset {border-style:inset;} p.outset {border-style:outset;} p.hidden {border-style:hidden;} </style> </head> <body> 无边框。 虚线边框。 虚线边框。 实线边框。 双边框。 凹槽边框。 垄状边框。 嵌入边框。 外凸边框。 隐藏边框。 </body> </html>

serahkan Tetapkan Semula Kod

Operasi automatik