Көбінесе, HTML-парақтардағы шегіністердің мөлшерін белгілеу үшін CSS тілінің мүмкіндіктері қолданылады (Cascading Style Sheets). HTML тілінің өзінде кейбір жағдайларда шегініс орнатуға мүмкіндік беретін бірнеше «рудиментарлы» қалдықтар бар. Төменде жиі қолданылатын опциялар келтірілген, бірақ олардан басқа HTML құжаттардың стандартты емес белгілеуіне шегіністер орнатуға мүмкіндік беретін көптеген түрлі трюктер бар.
Бұл қажетті
HTML және CSS тілдерін білу
Нұсқаулық
1-қадам
Шегініс жасайтын бет элементін анықтаңыз. Мысалы, егер мәтін … (блок) тегінің ішіне орналастырылса, онда бұл блок осы мәтіннің негізгі элементі болады және шегініс блоктың шекарасынан есептелуі керек. Ал егер мәтін (немесе сурет) қандай да бір блоктың (div, li және т.б.) немесе кірістірілген (span, p және т.б.) элементтердің ішінде болмаса, онда оның басты бөлігі құжат корпусы (дене тегі) болады. Мәтінге арналған ата-аналық элементті анықтау қажет, өйткені дәл осы шегіністерді қалыптастыратын стильдердің сипаттамаларын орнатуы керек. Сіздің мәтініңіз div блогының ішіне орналастырылған деп есептейік: мәтіннің үлгісі
2-қадам
Жиектерді, яғни элемент шекараларынан іргелес элементтерге дейінгі аралықты, сондай-ақ тектік элементтің шекараларына дейінгі аралықты орнату үшін CSS тілінің маржа қасиетін қолданыңыз. Бұл қашықтықты әр жағынан төсеу үшін бөлек орнатуға болады: шетінен - үстіңгі жағынан, шетінен оңға - оң жақтан, шетінен төменгі - төменгі жағынан, шетінен солға - сол жақтан. Жоғарыдағы мысал үшін бұл CSS коды келесідей болуы мүмкін: div {
жоғарғы жиек: 10px;
оң жақ шеті: 15px;
шеткі-төменгі: 40px;
шеткі сол жақ: 70px;
} Мұнда «div» - бұл стиль құжат кодындағы барлық divs-ке қолданылуы керек екенін анықтайтын селектор. CSS синтаксисі барлық төрт жолды бір жолға біріктіруге мүмкіндік береді: div {
маржа: 10px 15px 40px 70px;
} Шегіністердің мәндері әрдайым осы тәртіпте көрсетілуі керек: алдымен - жоғарғы жағында, содан кейін - оң жақта, төменгі және сол жақта. Егер шегіністер барлық жағынан бірдей болса, онда мәнді көрсету жеткілікті бір рет: div {
маржа: 70px;
} Сонымен қатар, сіз көлденең көлденең жиек орнатуға болады (яғни солға және оңға). Бұл сізге браузер терезесінің дәл ортасында берілген ені бойынша блокты орнату қажет болғанда өте пайдалы болуы мүмкін. Браузердің өзі автоматты түрде екі жағында қанша шегініс болатынын анықтайды, егер сіз келесі CSS операторын жазсаңыз: div {
маржа: 0 автоматты;
}
3-қадам
Толтырғышты орнату үшін толтырғыш қасиетін пайдаланыңыз, бұл элементтің шекарасынан оның ішіне орналастырылған кез-келген элементтерге, соның ішінде мәтінге дейінгі қашықтық. Бұл қасиеттің синтаксисі маржа қасиетімен бірдей: div {
үстіңгі тақта: 10px;
оң жақ төсеу: 15px;
астыңғы жағы: 40px;
сол жақ төсеу: 70px;
} Немесе div {
төсеме: 10px 15px 40px 70px;
}
4-қадам
Text-indent қасиетін мәтіннің әр абзацының бірінші жолына қосымша шегініс орнату үшін пайдаланыңыз. Мысалы: div {
мәтіндік шегініс: 80px;
}
5-қадам
HTML img тегінің hspace және vspace атрибуттарын суреттен сыртқы элементтерге сәйкес көлденең және тік шегіністі орнату үшін пайдаланыңыз. Мысалы, келесідей:
6-қадам
Кестедегі ұяшықтар шекарасынан олардың мазмұнына шегініс орнату керек болса, кесте тегінің ұяшық тақтасының атрибутын қолданыңыз. Ұяшықтар аралығы атрибуты кесте ұяшықтары арасындағы аралықты орнатады. Мысалға:
| 1 | 2 |
