CSS Line Spacing алу үшін CSS Line-Height сипатын пайдалану
Веб-беттеріңіздегі жол аралығыңызға әсер ету үшін CSS мәнерінің сипатын сызық биіктігін қалай пайдалану керектігін үйреніңіз.
CSS сызықтық интервалының мәндері
CSS жолының интервалына CSS мәнерінің қасиеттері сызық биіктігіне әсер етеді. Бұл сипатта 5 түрлі мән бар:
- қалыпты: браузер қаріп өлшеміне қатысты жол аралығының мәнін анықтайды. Бұл әдетте қаріп өлшемі немесе сәл үлкенірек (20% сияқты).
- иелену: жол аралығы ата-ана элементінің жол аралығынан алынуы керек. Егер сіз денеңіздің тегтің сызық биіктігін қаріп өлшемінен 30% үлкенірек және мұраға белгіленетін параграфтың тегтерін орнатсаңыз, олар сондай-ақ қаріп өлшемінен 30% үлкен сызықтық биіктікке ие болады.
- Сан: Егер жолдың биіктігінің мәні өлшем бірлігі болмаса, ол жолдың биіктігіне қаріп өлшемінде мультипликатор болып саналады. Осылайша, 1.25 жолдың биіктігі қаріп өлшемінен 25% артық болады.
- ұзындығы: Егер жолдың биіктігі өлшемі өлшем бірлігі болса, бұл жолдың арасындағы дәлме-дәл орын. Мәселен, 1.25 мм 1.25 миллиметр жолдарға әкеледі.
- пайызы: Егер жолдың биіктігі пайыз болса, бұл қаріп өлшемінің пайызы болады. Осылайша, 125% жолдың биіктігі қаріп өлшемінен 25% артық болады.
CSS жолының интервалына арналған қандай мәнді пайдалану керек
Көптеген жағдайларда жол аралығы үшін ең жақсы таңдау әдепкіде немесе қалыпты күйде қалдыру болып табылады. Бұл, әдетте, ең оқылатын және ерекше нәрсені істеуді талап етпейді. Бірақ жол аралығын өзгерту сіздің мәтініңізге басқаша әсер етуі мүмкін.
Егер сіздің қаріп өлшемі ems немесе пайыздар ретінде анықталса , сіздің жолдың биіктігін де дәл анықтау керек. Бұл сызықтық интервалдың ең икемді нысаны, себебі ол оқырманға өз қаріптерін өзгертуге мүмкіндік береді және сіздің жол аралығыңызда бірдей қатынасын сақтайды.
Басып шығару мәнерлерінің парақтарына нүкте (pt) мәнімен жол биіктігін орнатыңыз. Мәселе - бұл басып шығару шарасы, сондықтан сіздің қаріп өлшемдері нүктелерде де болуы керек.
Мен нөмірді таңдауды ұнатпаймын, себебі ол адамдар үшін ең шатастыратындығын таптым. Көптеген адамдар санның абсолютті өлшемі деп санайды, сондықтан олар оны үлкен етеді. Мысалы, сіз 14px-дағы қаріптерді орнатқан боларсыз, содан соң сызықтың биіктігін 14-ге орнатып қойдыңыз - бұл сызықтар арасындағы үлкен бос орындарға әкеп соқтырады, себебі жол аралығы 14 рет қаріп өлшеміне орнатылған.
Сіздің желілік интервалыңыз үшін қаншалықты кеңістік қолданылсын?
Жоғарыда айтқанымдай, оны өзгертуге нақты себеп болмаса, әдепкі жол аралығын пайдалануды ұсынамын. Жол аралығын өзгерту әр түрлі әсер етуі мүмкін:
- Бір-бірімен тығыз байланысқан мәтінді оқу қиын болуы мүмкін. Бірақ кішігірім бос орындар мәтіннің көңіл-күйіне әсер етуі мүмкін. Егер мәтін бірге жиналса, ол мәтіннің мағынасын қараңғы немесе аса шиеленісе алады.
- Әрі қарай оқылатын мәтінді оқу қиын болуы мүмкін. Бірақ кең жолдардың кеңістігі мәтінді икемді және сұйық болып көрінеді.
- Сызықтық аралықты өзгерту кеңістікке сәйкес келмейтін мәтінді жасай алады немесе конструкцияларыңызда көбірек орын алады.