Көбүнчө, HTML-баракчалардагы чегинүүлөрдүн көлөмүн көрсөтүү үчүн CSS тилинин мүмкүнчүлүктөрү (Cascading Style Sheets) колдонулат. HTML тилинин өзүндө бир нече "рудиментардык" калдыктар бар, бул айрым учурларда чегинүүнү коюуга мүмкүндүк берет. Төмөндө көпчүлүк учурда колдонулган варианттар келтирилген, бирок алардан тышкары HTML документтеринин стандарттуу эмес белгилери үчүн чегинүүлөрдү коюуга мүмкүнчүлүк берген ар кандай трюктар дагы эле көп.
Ал зарыл
HTML жана CSS тилдерин билүү
Нускамалар
1 кадам
Чегинүү керек болгон барактын элементин аныктаңыз. Мисалы, текст … (блок) тегинин ичине жайгаштырылса, анда бул блок ушул тексттин башкы элементи болот жана чегинүү блоктун чектеринен саналышы керек. Эгерде текст (же сүрөт) кандайдыр бир блоктун (div, li ж.б.) же катар (span, p, ж.б.) элементтеринин ичинде болбосо, анда анын башкы бөлүгү документтин тулку бөлүгү (тулкусу) болот. Текст үчүн ата-эненин элементин аныктоо зарыл, анткени ал чегинүүлөрдү түзүүчү стилдердин сүрөттөмөсүн орнотушу керек. Сиздин текст див блоктун ичине жайгаштырылган деп эсептейли: Текст үлгүсү
2-кадам
Чектерди, башкача айтканда, элементтин чек араларынан чектеш элементтерге чейинки аралыкты, ошондой эле эне элементтин чектерине чейинки аралыкты орнотуу үчүн CSS тилинин маржа касиетин колдонуңуз. Бул аралыкты ар бир капталга толтуруу үчүн өзүнчө коюуга болот: маржа-үстү - жогору, маржа-оң - оң, маржа-асты - асты, маржа-сол - сол. Жогорудагы мисал үчүн, бул CSS коду төмөнкүдөй болушу мүмкүн: div {
margin-top: 10px;
оң жактагы маржа: 15px;
margin-bottom: 40px;
маржа-сол: 70px;
} Бул жерде "div" бул стилди документтин кодундагы бардык divs-ге колдонуу керектигин аныктоочу селектор болуп саналат. CSS синтаксиси төрт сапты тең биригүүгө мүмкүндүк берет: div {
маржа: 10px 15px 40px 70px;
} Чегинүүлөрдүн мааниси ар дайым ушул тартипте көрсөтүлүшү керек: адегенде - жогору, андан кийин - оң, төмөн жана сол жагында. Эгерде чегинүүлөр бардык жагынан бирдей болсо, анда маанини көрсөтүү жетиштүү бир жолу: div {
маржа: 70px;
} Мындан тышкары, калкып туруучу горизонталдуу маржаны (башкача айтканда, солго жана оңго) орното аласыз. Берилген кеңдиктин блогун браузердин терезесинин так ортосуна орнотуу керек болгондо, бул абдан пайдалуу болушу мүмкүн. Эгер сиз төмөнкү CSS билдирүүсүн жазсаңыз, эки тараптын тең канча чегиниши керектигин браузер өзү аныктайт: div {
маржа: 0 авто;
}
3-кадам
Толтуруу касиетин колдонуп, толтурууну коюңуз, бул элементтин чек арасынан анын ичине коюлган бардык элементтерге, анын ичинде текстке чейинки аралык. Бул касиеттин синтаксиси маржа касиетине так окшош: div {
padding-top: 10px;
оң толтуруу: 15px;
асты толтуруу: 40px;
толтуруу сол жагында: 70px;
} Же div {
толтуруу: 10px 15px 40px 70px;
}
4-кадам
Text-indent касиетин колдонуп, тексттин ар бир абзацынын биринчи сабына кошумча чегинүүнү коюңуз. Мисалы: div {
тексттик чегинүү: 80px;
}
5-кадам
HTML img тегинин hspace жана vspace атрибуттарын колдонуп, тиешелүүлүгүнө жараша сүрөттөн тышкы элементтерге чейин горизонталдык жана вертикалдык чегинүүнү орнотуңуз. Мисалы, ушул сыяктуу:
6-кадам
Эгерде таблицанын уячаларынын чектеринен алардын мазмунуна чейин чегинүүнү орнотуу керек болсо, анда таблица тэгинин cellpadding атрибутун колдонуңуз. Жана уялардын аралыгы атрибуту стол клеткаларынын ортосундагы аралыкты орнотот. Мисалы:
| 1 | 2 |
