Garis cetak CSS luwih saka sekadar wates
Properti outline CSS minangka sifat bingung. Nalika sampeyan sinau babagan iki, iku angel kanggo ngerti carane malah beda adoh saka wates wewenang. W3C nerangake minangka beda ing ngisor iki:
- Garis cawangan ora njupuk spasi.
- Garis-garis bisa dadi non-persegi panjang.
Garis Rawangan Aja Njupuk Up Spasi
Iki statement, ing lan dhewe wis bingung. Kepiye obyek ing kaca Web ora njupuk spasi ing kaca Web? Nanging yen sampeyan ngira kaca web sampeyan kaya bawang, saben item ing kaca bisa dilapisi ing ndhuwur item liyane. Properti njaba ora njupuk spasi amarga pancen ditempelake ing ndhuwur kothak elemen kasebut.
Nalika outline diselehake ing sawijining unsur, ora nduweni pengaruh yen unsur kasebut dilebokake ing kaca kasebut. Ora ngowahi ukuran utawa posisi unsur. Yen sampeyan milih garis gedhe ing sawijining unsur, bakal njupuk jumlah spasi sing padha yen sampeyan ora duwe garis gedhe saka unsur kasebut. Iki ora bener babagan tapel wates. Wates ing elemen ditambahake ing jembaré njaba lan dhuwuré unsur kasebut. Dadi yen sampeyan duwe gambar sing 50 piksel jembar, kanthi wates 2 piksel, bakal njupuk 54 piksel (2 piksel kanggo saben bates sisih). Gambar sing padha karo garis 2 piksel bakal njupuk nganti 50 piksel jembar ing kaca, garis gedhe bakal nampilake pinggir pinggiran gambar kasebut.
Garis Rawangan Bisa Ngatur Non-Rectangular
Sadurunge sampeyan wiwit mikir "kelangan, saiki aku bisa narik bunderan!" Coba maneh. Pernyataan iki nduweni teges sing beda tinimbang sampeyan uga mikir. Nalika sampeyan mbatesi wates ing sawijining unsur, browser kasebut nerangake unsur minangka kaya kotak kothak raksasa. Yen kothak bakal pisah saka pirang-pirang baris, browser mung nilarake sudhut kanggo mbukak amarga kothak ora ditutup. Iku kayadene browser ndeleng wates kasebut kanthi layar lebar sing ora adoh - cukup amba kanggo perbatasan dadi siji persegi panjang terus.
Benten, sifat njelaske nganggo bentuk garis bakal dituduhake. Yen unsur sing mbatesi ngetutake pirang-pirang garis, outline nutup ing mburi baris lan mbukak maneh ing baris sabanjure. Yen bisa, outline bakal tetep disambungake kanthi bener, nggawe wangun non-persegi panjang.
Gumantung Property Outline
Salah siji sing paling apik nggunakake properti outline yaiku kanggo nyorot istilah-istilah sing digoleki. Akeh situs nggawe iki nganggo werna latar mburi, nanging sampeyan uga bisa nggunakake properti njaba lan ora kuwatir babagan nambah spasi ekstra ing kaca sampeyan.
Properti werna njelasake nampa istilah "invert" sing ndadekake werna njelasake bisa mbalikake latar mburi sing saiki. Iki ngidini sampeyan nyorot unsur ing kaca Web kanthi dinamis tanpa kudu ngerti werna apa sing digunakake .
Sampeyan uga bisa migunakake properti njaba kanggo mbusak garis putus-putus ing sekitar pranala aktif. Artikel iki saka CSS-Trik nuduhake cara mbusak njangkepi garis angka.