Sheet алдауға: мәтін CSS шегіндіру қалай

оның көрнекі тартымдылығын үшін пайдаланушылардың бағаланатын веб ресурс. Сондықтан, тіпті пайдалы мәтіндік ақпарат салдарынан ол нашар жобаланған фактісі оқу мүмкін емес. Қорытынды - беттердің семантикалық мазмұнына, сондай-ақ оның көрнекі ғана емес қажеттілігі мұқият және мұқият. CSS технологиясы пайда тартымды мақалалар құру мүмкіндігін өсті. жол шегінісі CSS мәтін - жазбаша қабылдауды жеңілдету үшін арналған қасиеттерін бірі.

Маржа және шегініс: қандай айырмашылық бар?

Мәтінді пішімдеу үшін бастамас бұрын, сен не шеттер мен шегініс түсіну керек. кейбір жағдайларда осы белгілеу элементтері пайдаланушыға бірдей көрінеді болғанына қарамастан, олардың арасындағы іргелі айырмашылықтар бар:

• далалық қаптауын мүлікті, шегінісін белгілейді - маржа;
• далалық мазмұны мен блок шекарасында арасындағы саңылау, кеңістік анықталады - іргелес блоктар шекаралары арасындағы;
• далалық мөлшері (ені мен биіктігі) элементі ретінде қарастырылады және ешқандай болады.

маржа меншік

Сондықтан, жобалау маржаны пайдалануға, көлденең немесе тік қосымша CSS мәтінін орнату үшін. Бұл сипат тег

тармақ мастер құжатқа қолданылады. қарапайым жағдайда, ол сондай-ақ жазуға болады:

маржа: 12 pt.

Бұл жолы мәтін (немесе кез келген басқа да блок) блогында айналасында барлық жағынан шегінісі 12 пиксель орналасқан дегенді білдіреді. аралығын көбейту үшін, мысалы, үш рет жазуға жеткілікті:

маржа: 36px.

Бірақ аралығы блоктарының арасындағы қандай болса әр жағында әртүрлі болуы тиіс? Веб әзірлеушілер жазбалар бірнеше нысандарын пайдалану:

1. маржа: 11px 22px.
2. маржа: 11px 22px 33px.
3. маржа: 11px 22px 33px 44px.

Бірінші мысалда, шегініс 11 пиксел блок жағына, блок төменгі және жоғарғы шекараларын жасалған - 22 пиксель арқылы. жоғарғы жиегі арасындағы екінші рекордтық бірлігіне сәйкес және мазмұны төмен арасындағы, 11 пиксел болады - әр жағынан 33 пиксель - 22 пиксель арқылы. CSS шегіну мәтін жоғарыдан 11 пиксель мәнін, оң жағын 22 пиксел болады үшінші жағдайда, төменгі 33 пиксел және 44 пиксель қалдырды.

маржа-топ, маржа-төменгі: Сондай-ақ, қол жетімді тек бір жағында блок шекара қашықтығы жазуға қабілеті болып табылады , маржа-солға, маржа оң жақ. Орыс тілінде қасиеттерін аттары аудару, олардың тағайындау туралы сұраса оңай. Мысалы, келесі жазба оң жағында шығыңқы 22 пиксель тең болады деп көрсетеді:

маржа оң жақ: 22rh.

блок жағынан шамамен қалған қашықтық Аталық элементінің құнына тең деп ұйғарылады.

Маржа меншік әзірлеуші мәтін тігінен шегіндіріледі CSS пайдаланған кезде есте қажет ерекшеліктері бар. іргелес элементтердің интервалдары шығарды, және бір-біріне жүктейді емес. 15px және іргелес блок маржа-жоғарғы төменде: 35px Мысалы, бірлік бір маржа-түбі бар делік. Мектеп арифметикалық және жалпы мағынасы олардың арасындағы жалпы интервал 50 пиксел болады деп талап етеді. Практикада бұл олай емес. «» Өз көршісін жұтып меншік маржасының үлкен құны бар блок. Нәтижесінде, элементтері арасындағы интервал 35 пиксель.

«Қызыл» желісі

мәтіндік редакторында құжатты жасау, пайдаланушылар «қызыл» желісімен әрбір тармақ жаңа сұрай қалайды. Сол жақтағы CSS мәтінін шегінісін пайдалану істеу оңай - мәтін-шегініс дизайнын пайдаланыңыз. Осы сияқты, оны жазбаша:

мәтін-шегіну: 11px.

Осы тармақтың бірінші желісі 11 пиксель сол жақ жиегіне қатысты ауысатын болып табылады. Веб-беттегі мәтін редакторында көп құжат көрінгенімен, сіз қосымша негіздеме орнату керек жасау үшін, яғни, жазу:

мәтін-шегіну: 11px;

мәтін-Align: ақтау.

пиксель қатар, басқа да белгілеу бірліктерді пайдалану сипаттамасында - дюймдік пайыз мәлімдейді. бірлік 10% CSS мәтінін ойыс бар болсын. Кезде 500 пиксель блок енін, қызыл сызық 50 пиксель (500 10%) болады.

Осы сипаттың мәні мұра көрмеге мүмкін. Бұл рекордтық бөлігі ата-аналар бөлігіндегі ұқсас мүлікті қолданады дейді.

мәтін-шегіну: мұраға.

Бір қызығы, шегініс теріс мәндер қабылдай алады! Бұл жағдайда, жүгіргісі деп аталатын құрылады, бұл негізгі мәтін орнында қалады, және бірінші желісі 22 пиксель арқылы солға ығысып болып табылады:

мәтін-шегіну: -22px.

мәтін абзацына қосымша, шолғыштың сол жақ шекарасы арқылы өтіп емес, әріптер саласындағы құрылымын анықтау үшін пайдаланылуы тиіс:

шегініс сол жақ: 22px.

пайдалы кеңестер

арналған CSS негізгі қасиеттері мәтінді пішімдеу қарастырылады. Ал оларға тәжірибесін көмектеседі бекітіңіз. Мұнда веб дамытуға үйренген материалды қалай қолдануға бірнеше қорытынды кеңестер:

• қызыл сызық және мәтін шегінісі - түрлі ұғымдар, сондай-ақ олардың басшылық пайдаланылатын түрлі қасиеттері;
• тік шегініс ережелері математика қатысты емес - аралықтары үлкен мәні бар «жеңеді» элементі, жабатын;
• теріс шегініс бейнеленген тармақтың бірінші желісін көрсету үшін пайдаланылады.