Nggunakake Properti Line-Height CSS kanggo njaluk Line Spasi CSS
Sinau babagan nggunakake baris gaya dhuwur-CSS kanggo nggayuh jarak baris ing kaca Web.
Nilai CSS Line Spacing
Spasi baris CSS bakal kena pengaruh baris gaya dhuwur CSS. Properti iki njupuk nganti 5 beda nilai:
- normal: browser nemtokake nilai kanggo spasi baris sing ana hubungane karo ukuran hurup. Iki biasane padha karo ukuran huruf utawa rada gedhe (kaya 20%).
- warisan: jarak baris kudu dijupuk saka baris baris induk. Dadi yen sampeyan ngeset tegese garis-dhuwur tag awak nganti 30% luwih gedhe tinimbang ukuran huruf lan tag paragraf ing jero sing wis diwenehi warisan, dheweke uga bakal duwe baris dhuwur 30% luwih gedhe tinimbang ukuran huruf.
- nomer: Yen Nilai dhuwur baris ora ana ukuran unit, dianggep minangka multiplier ing ukuran font kanggo dhuwur baris. Supaya garis-dhuwur saka 1,25 bakal 25% luwih gedhe tinimbang ukuran hurup.
- dawa: Yen nilai dhuwur baris nduweni satuan ukuran, yaiku jumlah sing tepat jarak sing ana antarane garis. Dadi, 1.25mm bakal ngasilake garis 1.25 milimeter.
- persentase: Yen dhuwur-line minangka persentasi, sing bakal dadi persentasi saka ukuran font. Supaya dhuwur baris 125% bakal 25% luwih gedhe tinimbang ukuran font.
Nilai sing Bakal Sampeyan Gunakake kanggo Spasi Line CSS
Ing sawetara kasus, pilihan sing paling apik kanggo spasi baris yaiku ninggalake ing standar - utawa "normal". Iki umume paling bisa diwaca lan ora mbutuhake apa-apa khusus. Nanging ganti spasi baris bisa menehi teks aran sing beda.
Yen ukuran font ditemtokake minangka em utawa persentase, sampeyan uga kudu didasari kanthi cara kasebut. Iki minangka wujud sing paling fleksibel saka spasi baris amarga ngidini maca kanggo ngowahi ukuran fonts lan tetep rasio sing padha ing jarak baris.
Setel dhuwur baris kanggo lembar gaya cetak kanthi nilai titik (pt). Titik iku langkah cetak, lan ukuran font sampeyan uga kudu ing poin.
Aku ora seneng nggunakake nomer pilihan amarga aku wis nemokake yen iku paling mbebayani kanggo wong. Akeh wong sing ngira jumlah kasebut minangka ukuran absolut, lan dadi gedhe. Umpamane, sampeyan duwe set font ing 14px lan sampeyan bakal nyetel garis-dhuwur nganti 14 - sing ngasilake kesenjangan gedhe antarane garis - amarga jarak baris disetel nganti 14 kali ukuran font.
Pinten Ruang Ngomong Sampeyan Kanggo Gunakake Line Spasi
Nalika aku kasebut ing ndhuwur, aku nyaranake nggunakake spasi baris standar kajaba sampeyan duwe alesan tartamtu kanggo ngganti. Ngganti spasi baris bisa duwe efek beda:
- Teks sing banget nyenyet bisa angel diwaca. Nanging spasi baris cilik bisa mangaruhi swara teks kasebut. Yen teks wis diresiki bebarengan, bisa nggawe pangertene teks kasebut luwih peteng utawa luwih tegang.
- Teks sing luwih cepet uga bisa diwaca. Nanging spasi baris sing wiyar kasebut ndadekake teks kasebut luwih apik lan adhem.
- Ngganti spasi baris bisa nggawe teks sing ora cocok karo spasi sing luwih kompak utawa njupuk papan sing luwih akeh ing rancangan sampeyan.