გამოყენებით CSS ხაზის სიმაღლე ქონების მიიღოს CSS ხაზი Spacing
შეიტყვეთ, თუ როგორ გამოიყენოთ CSS სტილის ქონების ხაზის სიმაღლე, რომელიც გავლენას ახდენს თქვენი ხაზის ინტერვალი თქვენს ვებ გვერდებზე.
CSS- ის ხაზის ინტერვალი
CSS ხაზის ინტერვალი გავლენას ახდენს CSS სტილის ქონების ხაზის სიმაღლით. ეს ქონება 5 განსხვავებულ ღირებულებას იღებს:
- ნორმალური: ბრაუზერი განსაზღვრავს ხაზს, რომელიც დაკავშირებულია შრიფტის ზომაზე. ეს ჩვეულებრივ იგივეა, რაც შრიფტის ზომა ან ოდნავ უფრო დიდია (20%).
- მემკვიდრეობით: line spacing უნდა იქნას მიღებული მშობელი ელემენტის ხაზი ინტერვალი. ასე რომ, თუ თქვენი სხეულის ხაზის სიმაღლე 30% -ით უფრო მაღალია, ვიდრე შრიფტის ზომა და შრიფტის ტეგები შიგნით, რომლებიც დაიმკვიდრებენ მემკვიდრეობას, მათ ასევე აქვთ 30% -იანი სიგრძის ხაზის სიმაღლე შრიფტის ზომაზე.
- ნომერი: თუ ხაზის სიმაღლის მნიშვნელობა არ აქვს ზომის ერთეული, ითვლება მულტიპლიკატორის სიმაღლეზე შრიფტის ზომაზე. ასე რომ 1.25-ის სიმაღლის სიმაღლე 25% -ით უფრო მეტია ვიდრე შრიფტის ზომა.
- სიგრძე: თუ ხაზის სიმაღლის მნიშვნელობა აქვს ზომის ერთეულს, ეს არის ზუსტი თანხა სივრცეში უნდა იყოს ხაზები. ასე რომ, 1.25 მმ გამოიწვევს 1.25 მმ დაშორებულ ხაზებს.
- პროცენტული: თუ ხაზი სიმაღლე პროცენტულია, ეს იქნება შრიფტის ზომა. ამრიგად, 125% -ის სიმაღლე 25% -ით უფრო მაღალი იქნება, ვიდრე შრიფტის ზომა.
რომელი მნიშვნელობა უნდა გამოიყენოთ CSS ხაზის ინტერვალით
უმეტეს შემთხვევაში, საუკეთესო არჩევანი ხაზის სივრცეში დატოვებაა, ანუ "ნორმალურად" დატოვება. ეს არის ზოგადად ყველაზე იკითხება და არ საჭიროებს, რომ განსაკუთრებული არაფერი. მაგრამ შეცვლის ხაზი spacing შეუძლია თქვენს ტექსტს განსხვავებული შეგრძნებას მას.
თუ თქვენი შრიფტის ზომა განისაზღვრება, როგორც ems ან პროცენტული, თქვენი ხაზის სიმაღლე ასევე უნდა განისაზღვროს, რომ გზა. ეს არის ყველაზე მოქნილი ფორმა ხაზის სივრცე, რადგან მკითხველს საშუალებას აძლევს შეცვალოს მათი შრიფტები და ინახავს იგივე თანაფარდობა თქვენს ხაზს შორის.
ბეჭდვის სტილების ცხრილის სიმაღლე (pt) მნიშვნელობისათვის ხაზის სიმაღლის დაყენება. წერტილი არის ბეჭდვითი ღონისძიება, და ასე რომ თქვენი შრიფტის ზომის უნდა იყოს რაოდენობა ასევე.
მე არ მინდა, რომ გამოვიყენო ნომერი არჩევანი, რადგან მე აღმოვაჩინე, რომ ყველაზე გაუგებარია ხალხს. ბევრი ფიქრობს, რომ ეს რიცხვი აბსოლუტური ზომაა და ამიტომ მას უზარმაზარი ხდის. მაგალითად, შესაძლოა, შრიფტის ზომა 14px- ზეა და შემდეგ თქვენი ხაზის სიმაღლე 14-ისაა, რაც ხაზებს შორის უზარმაზარი ხარვეზებით არის გამოწვეული, რადგან ხაზის ინტერვალი 14- ჯერ შრიფტის ზომაა.
რამდენი ფართი უნდა გამოიყენოთ თქვენი ხაზის მანძილი
როგორც ზემოთ აღვნიშნეთ, მე გირჩევთ გამოიყენოთ ნაგულისხმევი ხაზის ინტერვალი, თუ არ გაქვთ კონკრეტული მიზეზი მისი შეცვლა. ხაზის დაშორების შეცვლა შეიძლება სხვადასხვა ეფექტი:
- ტექსტი, რომელიც ძალიან მჭიდროა, შეიძლება იყოს რთული წაკითხვა. მაგრამ პატარა ხაზი ფართები შეიძლება გავლენა მოახდინოს განწყობის ტექსტი. თუ ტექსტი ამოიწურავს, მას შეუძლია ტექსტის გააზრება, როგორც ჩანს, მუქი ან უფრო დაძაბული.
- ტექსტი, რომელიც უფრო შორს არის, შეიძლება ასევე რთული იყოს წაკითხული. მაგრამ ფართო ხაზი ფართები ხდის ტექსტი უფრო მიედინება და სითხე.
- ხაზის შეცვლის შეცვლა შეუძლია ტექსტს, რომელიც სხვაგვარად არ შეესაბამება სივრცეში უფრო კომპაქტური ან უფრო მეტი სივრცე თქვენს დიზაინებში.