Օգտագործելով CSS Line-Height Property- ը CSS Line Spacing- ի համար
Իմացեք, թե ինչպես օգտագործել CSS- ի ոճի գույքի գծի բարձրությունը, ազդելու Ձեր վեբ էջերում ձեր տողերի ընդգրկման վրա:
CSS Line Spacing- ի արժեքները
CSS- ի տողերի տատանումները ազդում են CSS- ի գույքի գիծի բարձրության վրա: Այս գույքը տանում է մինչեւ 5 տարբեր արժեք:
- նորմալ: զննարկիչը սահմանում է տողի ընդգրկույթի արժեք, որը կապված է տառաչափի հետ: Սա սովորաբար նույնն է, ինչ տառատեսակը կամ մի փոքր ավելի մեծ (20%):
- ժառանգություն. գծի տատանումները պետք է վերցվեն ծնողի տարրերի տողերի ընդգրկույթից: Այսպիսով, եթե ձեր մարմնի տողի գծի բարձրությունը սահմանեց տառաչափի 30% -ից բարձր եւ պարունակության պարունակության տառերը, որոնք նախատեսված են ժառանգելու համար, նրանք կունենան նաեւ տառաչափի 30% մեծ գծի բարձրություն:
- Եթե գիծի բարձրության արժեքը չունի չափման միավոր, այն համարվում է գծի բարձրության տառաչափի բազմապատկիչ: Այսպիսով, 1.25 գծի բարձրությունը 25% -ից ավելի է, քան տառաչափը:
- երկարություն. Եթե գիծի բարձրության արժեքը ունի չափիչ միավոր, ապա այն ճշգրիտ չափը պետք է լինի գծերի միջեւ: Այսպիսով, 1.25 մմ տրամագծով հանգեցնում է 1.25 մմ տրամագծի գծերի:
- տոկոս. Եթե գծի բարձրությունը տոկոս է, ապա դա տառաչափի տոկոսն է: Այսպիսով, 125% -ի գծի բարձրությունը 25% -ից ավելի է, քան տառաչափը:
Որ արժեքը պետք է օգտագործեք CSS գծի ընդմիջման համար
Շատ դեպքերում գծային տատանումների լավագույն տարբերակն այն թողնելը կանխադրված է կամ «նորմալ»: Սա, ընդհանուր առմամբ, առավել ընթեռնելի է եւ չի պահանջում, որ դուք հատուկ բան եք անում: Բայց փոխելով տողի ընդգրկումը կարող է ձեր տեքստը տալ այլ զգացողություն:
Եթե ձեր տառաչափը սահմանվում է որպես ems կամ տոկոսներ, ձեր գծի բարձրությունը նույնպես պետք է սահմանվի այդ ձեւով: Սա գծի ընդհատման առավել ճկուն ձեւն է, քանի որ այն թույլ է տալիս ընթերցողին կրճատել տառատեսակը եւ պահպանել նույն հարաբերակցությունը ձեր տողերի միջեւ:
Սահմանեք գծի բարձրությունը տպման ոճերի համար `կետ (pt) արժեքով: Բանն այն տպագրական միջոցն է, եւ ձեր տառատեսակների չափերը պետք է լինեն նաեւ կետերում:
Ես չեմ սիրում թվարկել ընտրությունը, քանի որ գտել եմ, որ այն մարդկանց համար առավել շփոթեցնող է: Շատերը կարծում են, որ այդ թիվը բացարձակ չափ է, ուստի այն մեծացնում է: Օրինակ, դուք կարող եք ունենալ 14px տառատեսակ եւ ապա սահմանել ձեր գծի բարձրությունը 14, ինչը տողերի միջեւ հսկայական բացեր է առաջացնում, քանի որ գծի ընդգրկույթը սահմանվում է 14 անգամ տառաչափի չափով:
Որքան շատ տարածք պետք է օգտագործեք ձեր գծի ընդմիջման համար
Ինչպես նշեցի վերեւում, խորհուրդ եմ տալիս օգտագործել ստանդարտ տողերի ընդգրկույթը, եթե դրա կոնկրետ պատճառ չեք ունենա փոխելու համար: Տողի ընդմիջման փոխելը կարող է տարբեր ազդեցություն ունենալ.
- Տեքստը, որը շատ ամուր է միասին, կարող է դժվար է կարդալ: Սակայն փոքր տողերը կարող են ազդել տեքստի տրամադրության վրա: Եթե տեքստը զննում է միասին, այն կարող է տեքստի զգացումն ավելի մուգ կամ ավելի լարված լինել:
- Տեքստը, որը հեռու է բացի, կարող է նաեւ դժվար է կարդալ: Սակայն լայն գծի տարածությունները տեքստը ավելի հոսող եւ հեղուկ են թվում:
- Փոխելով գծի ընդգրկույթը, կարող է տեքստ ստեղծել, որը հակառակ դեպքում տարածքի մեջ չի տեղավորվում, ավելի կոմպակտ կամ ավելի մեծ տեղ է զբաղեցնում ձեր նախագծերում: