Garis besar CSS
Garis di luar sempadan sempadan Ia tidak mengambil bahagian dalam aliran dokumen seperti sempadan Oleh itu, apabila garis besar muncul atau hilang, ia tidak akan menjejaskan aliran dokumen, iaitu, ia tidak akan menyebabkan dokumen itu. dipaparkan semula.
Garis ialah garisan yang dilukis di sekeliling elemen, terletak di luar tepi sempadan, yang boleh menyerlahkan elemen tersebut.
Gaya garis besar
Sama seperti sempadan, garis besar adalah yang paling Aspek asas ialah gaya, jika garis besar tidak mempunyai gaya, garis besar itu tidak akan wujud sama sekali. Berbeza daripada sempadan, nilainya kurang disembunyikan
Nilai: tiada bertitik |
Nilai awal: tiada Terpakai pada: semua elemen Warisan: Tiada >Serupa dengan sempadan, lebar garis luar tidak boleh negatif, dan tidak boleh dinyatakan sebagai peratusan nilai
lebar-garis
Nilai: nipis | tebal |. elemen Warisan: Tiada [Nota] Jika gaya garis besar tiada, lebar garis besar dikira Nilainya ialah 0
Warna garis besarBerbeza daripada jidar, warna garis besar mempunyai kata kunci terbalik untuk menyongsangkan garis besar, yang bermaksud menyongsangkan sepenuhnya piksel di mana garis besar itu terletak, supaya garis besar Kelihatan dalam warna latar belakang yang berbeza. Tetapi sebenarnya, kata kunci songsang hanya disokong oleh pelayar IE Warna garis besar penyemak imbas lain ialah warna latar depan elemen itu sendiri
warna garisan
Nilai: <warna> songsang |. warisi
Nilai awal: songsang (IE), warna latar depan (pelayar lain)
Digunakan pada: semua elemen
Warisan: Tiada Offset kontur Offset kontur digunakan untuk menentukan nilai kedudukan offset kontur. Apabila nilai parameter ialah nombor positif, ia bermakna garis besar dianjak ke luar; apabila nilai parameter adalah nilai negatif, ini bermakna garis besar dialihkan ke dalam [Nota] pelayar IE tidak menyokong garis -offset Nilai: panjang | diwarisi Nilai awal: 0 Digunakan pada: semua elemen Warisan: Tiada Singkatan garis besar Garis luar adalah serupa dengan atribut jidar gaya jidar, membenarkan gaya garis besar, lebar dan warna ditetapkan sekali gus. Oleh kerana garis besar yang diberikan mesti menggunakan beberapa gaya, lebar dan warna seragam, garis besar ialah satu-satunya sifat trengkas untuk garis besar. Tiada atribut seperti outline-top atau outline-right untuk outline [Nota] outline tidak termasuk outline-offset, dan outline-offset perlu ditetapkan secara berasingan outline Nilai: [<garis-warna> ||. kepada : Semua elemen Warisan: Tiada Contoh: <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>轮廓案例</title>
<style>
p {border:1px solid yellow;}
p.dotted {outline-style:dotted;}
p.dashed {outline-style:dashed;}
p.solid {outline-style:solid;}
p.double {outline-style:double;}
p.groove {outline-style:groove;}
p.ridge {outline-style:ridge;}
p.inset {outline-style:inset;}
p.outset {outline-style:outset;}
</style>
</head>
<body>
<p class="dotted">点线轮廓</p>
<p class="dashed">虚线轮廓</p>
<p class="solid">实线轮廓</p>
<p class="double">双线轮廓</p>
<p class="groove">凹槽轮廓</p>
<p class="ridge">垄状轮廓</p>
<p class="inset">嵌入轮廓</p>
<p class="outset">外凸轮廓</p>
</body>
</html>
