Html ichida go'zal gorizontal chiziq. HTMLda gorizontal va vertikal chiziqlar
Asosan, gorizontal chiziqlar veb-saytning HTML sahifalarini bezash uchun ishlatiladi va ularga yanada jozibali ko'rinish beradi. Ammo ular ma'lumotni qo'shni bo'limlardan vizual ravishda farqlashi mumkin, bu esa o'quvchilarga uni o'rganishda qulaylik yaratadi. Asosan, kerakli joyga gorizontal chiziqlar torting, hammasi shu.
Gorizontal chiziqni qanday chizish mumkin?
HTMLda gorizontal chiziqlar chizish uchun maxsus teg mavjud
. Va u blok tegi, ya'ni o'zidan oldin va keyin qator uzilishlarini hosil qiladi, shuning uchun chiziq har doim alohida satrda tugaydi. Shunga ko'ra, u faqat blok elementlarini o'z ichiga olishi mumkin bo'lgan teglar ichida ko'rsatilishi mumkin, masalan yoki
. Lekin men shu yerdaman
kontentga ega boʻlolmaydi, chunki unda yopilish yorligʻi yoʻq, yaʼni boʻsh.HTMLda gorizontal chiziqlar chizishga misol
Gorizontal chiziqlarni chizish
Paragraf.
Paragraf.
Paragraf.
Natija brauzerda
Paragraf.
Paragraf.
Paragraf.
Ko'rib turganingizdek, chiziqlar juda nozik, yoqimsiz va to'liq mavjud kenglikda chizilgan bo'lib chiqadi, shuning uchun endi biz ularni yanada jozibali qilish uchun ularni qanday o'zgartirishni bilib olamiz.
Gorizontal chiziqlarning rangi, qalinligi va kengligi qanday o'zgartiriladi?
HTMLning eski versiyalarida teg
gorizontal chiziqlarning rangi, qalinligi va kengligini o'zgartirishingiz mumkin bo'lgan maxsus atributlar mavjud edi. Bular mos ravishda rang, o'lcham va kenglikdir. Ammo yangi versiyalarda ular kaskadli uslublar jadvallari (CSS) foydasiga tark etildi, shuning uchun siz taxmin qilganingizdek, biz yana sevimli uslub atributimizdan foydalanamiz. Umumiy sintaksis:
style="background:color" >- chiziq rangi (aniqrog'i uning foni).
style="height:size" >- chiziq qalinligi.
style="width:size" >- chiziq kengligi.
uslub = "fon: rang; balandlik: o'lcham; kenglik: o'lcham"> - yoki siz bir vaqtning o'zida barcha parametrlarni belgilashingiz mumkin, faqat nuqta-vergul (;) haqida unutmang.Rang ingliz tilidagi nomi bilan yoki xesh (#) oldidan rangning HEX kodi bilan belgilanishi mumkin. Xo'sh, siz bu haqda darsdan allaqachon bilasiz matn va fon rangini o'zgartirish.
Ammo biz o'lchamlarni o'zgartirish haqida ko'proq gaplashamiz. Siz eslaganingizdek shriftlarni o'zgartirish bo'yicha dars, CSS-da o'nga yaqin o'lchov birliklari mavjud, ammo chiziq kengligi faqat piksel (px) va foizlarda (%) ko'rsatilishi mumkin, va qalinligi odatda faqat piksellarda. Agar siz boshqa o'lchov birliklarini qo'ysangiz, bu xato bo'lmaydi, lekin brauzerlar ularni e'tiborsiz qoldiradilar.
Agar siz o'lchamlarni piksellarda belgilasangiz, chiziqning qalinligi va kengligi saytingiz ko'riladigan monitorning o'lchamlariga bog'liq bo'ladi (ekran o'lchamlari qanchalik baland bo'lsa, chiziq ingichka va torroq bo'ladi).
Yuqorida aytganimdek, faqat chiziq kengligi foiz sifatida ko'rsatilishi mumkin. Foiz o'lchamlari har doim teg joylashgan asosiy konteyner elementining o'lchamiga bog'liq va hisoblab chiqiladi.
. Bunday holda, ota-onaning o'lchamlari 100% sifatida qabul qilinadi. Misol uchun, agar biz tegni joylashtirsak
style="width:50%" > ichki element, keyin brauzer oynasining o'lchamini yoki monitor o'lchamlarini qanday o'zgartirishimizdan qat'iy nazar, chiziq kengligi har doim blokning yarmi kengligi bo'ladi..Gorizontal chiziqlarning rangi, qalinligi va kengligini o'zgartirishga misol.
Gorizontal chiziqlarning rangi, qalinligi va kengligini o'zgartiring.
Natija brauzerda
Gorizontal chiziqlar o'rnini o'zgartirish
Gorizontal chiziqning kengligini o'zgartirganingizda, brauzerlar uni doimo markazga joylashtirishini aniq ko'rishingiz mumkin. Agar siz uning o'rnini o'zgartirmoqchi bo'lsangiz, shunchaki ichkaridan foydalaning
atributni quyidagi qiymatlar bilan tekislang:
- markaz- chiziq markazga to'g'rilangan (standart qiymat).
- chap- chap chetiga bosadi.
- to'g'ri- o'ng chetiga bosadi.
Gorizontal chiziqni tekislash misoli.
Gorizontal chiziqlar o'rnini o'zgartiring.
Natija brauzerda
Chiziq atrofidagi ramkani qanday olib tashlash mumkin?
Ushbu darsning birinchi misoliga qarang. Sizningcha, bu chiziqlar qanday rangda? Lekin bu haqiqat emas. Ular fon rangi belgilanmagan har qanday sahifa elementi kabi shaffofdir! Menga ishonmaysizmi? Keyin biz chiziqlar rangini o'zgartirgan misolga qarang. Birinchisi uchun biz rangni o'rnatmadik, faqat uning hajmini oshirdik va bu chiziq shaffof emasmi? Shuning uchun; ... uchun; ... natijasida!
Endi tushuntiraman. Odatiy bo'lib, brauzerlar uch o'lchovli effekt yaratadigan chiziqlar atrofida ramkalar chizishadi. Shunday qilib, biz gorizontal chiziqlar qalinligini oshirmaganimizda, brauzerlar bizga faqat shu ramkalarni ko'rsatadi, chunki chiziqning qalinligi 0px.
Ko'pincha faqat buzilib ketadigan chiziq atrofidagi ramkani olib tashlash uchun tashqi ko'rinish, biz uslub atributini yana qo'llaymiz. Va shunday yozilgan:
Uy vazifasi.
- Maqola, bo'lim va bo'lim sarlavhalarini yarating. Ularning barchasini markazga qo'ying.
- Shriftni butun sahifa uchun Arial va sarlavhalar uchun Courier ga o'rnating.
- Butun sahifadagi shrift o'lchami standart brauzer hajmining 85% bo'lsin. Va sarlavhalar sahifadagi shrift hajmining mos ravishda 145%, 125% va 110% ni tashkil qiladi.
- Birinchi sarlavha ostiga paragraf, ikkinchisi ostiga uzun iqtibos va uchinchisi ostiga she’r yozing. Va she'r sahifaning o'rtasida joylashgan bo'lsin.
- Ajratish qalin iqtibosdagi uchta so'z.
- Maqola sarlavhasi ostida sahifaning butun kengligi bo'ylab uch piksel qalinlikdagi gorizontal qizil chiziq torting.
- She'rning yuqori va pastki qismida bir pikselli qora chiziqlar torting. Yuqori chiziqning kengligi taxminan oyatning kengligiga teng, pastki qismi esa yarmiga teng bo'lsin.
- Chiziqlardan keraksiz ramkalarni olib tashlang.
Ko'rinishidan, nima uchun to'rtta usul kerak bo'lishi mumkin? Axir, deyarli har bir kishi o'zi odatlangan bitta usuldan foydalanadi. Misol uchun, men Shift va chiziqcha tugmachasini bir necha marta bosdim va shuning uchun gorizontal chiziq oldim.
Agar bu nuqta chiziqqa olib kelsa-chi, lekin sizga qattiq chiziq kerak bo'lsa?
- Katta ehtimol bilan klaviaturadagi Shift tugmasi noto'g'ri. Bu erda boshqa usullar yordamga keladi.3.
4.
5.Ehtimol, Word-da chiziq yaratishning eng keng tarqalgan usuli bu klaviaturada bir nechta tugmachalardan foydalanishdir.
I Klaviatura yordamida yupqa, qalin, juft, nuqta chiziq
Quyida inglizcha tartibli, lekin ruscha tartibsiz klaviaturaning rasmi keltirilgan, ammo bu muhim emas, chunki bizni faqat uchta tugma qiziqtiradi: Shift, chiziqcha va Enter.
Guruch. 1. Klaviaturadagi uchta tugma: Word dasturida doimiy gorizontal chiziq uchun Shift, chiziqcha va Enter.
Ushbu uchta tugma yordamida Word dasturida uzluksiz gorizontal chiziq chizishingiz mumkin: nuqta yoki qattiq, ingichka yoki qalin, uzun yoki qisqa.
1) “-” (chiziq) tugmasini bir necha marta bosganingizda So'z muharriri biz har qanday uzunlikdagi nuqta chiziqni olamiz.
Qilish uchun yupqa sahifaning butun kengligi bo'ylab uzun chiziq:
- Biz klaviaturada "tire" tugmachasini topamiz ("nol" tugmachasining o'ng tomonida, 1-rasmdagi yashil ramkada).
- Word-dagi yangi (!) qatordan ushbu tugmani bir necha marta bosing: -
- Va keyin "Enter" () tugmasini bosing. Bir nechta bosilgan chiziqlar to'satdan sahifaning butun kengligi bo'ylab doimiy gorizontal nozik chiziqqa aylanadi.
2) Shift va “-” (chiziq) tugmalarini bir vaqtda bosganingizda, chiziqcha EMAS, pastki chiziq _________ bosiladi. Shunday qilib, hujjatning istalgan joyida ixtiyoriy uzunlikdagi uzluksiz chiziq hosil qilishingiz mumkin.
Guruch. 2. Word dasturida yupqa va qalin gorizontal chiziq
Endi chop qilaylik semiz sahifaning butun kengligi bo'ylab gorizontal chiziq:
- Yana bir xil "chiziq" tugmachasini, shuningdek Shift tugmachasini (chapda yoki o'ngda, xohlaganingizcha) topamiz. Shift tugmasini bosing, ushlab turing va qo'yib yubormang.
- Va endi, yangi (!) qatordan chiziqchani bir necha marta bosing (masalan, 3-4 marta) (Shift-ni qo'ymasdan): ___. Shift-ni bo'shating.
- Endi bosing Kalitni kiriting. Siz qalin gorizontal chiziqni ko'rasiz.
Keling, ba'zi natijalarni jadval shaklida umumlashtiramiz:
(Kattalashtirish uchun bosing) Klaviatura yordamida Word-dagi qatorlar
II Word dasturida jadval yordamida qator
Gorizontal chiziqni bitta katak (1x1) jadvali yordamida olish mumkin, unda faqat yuqori yoki pastki chegara rangli (ko'rinadigan bo'ladi) va jadvalning qolgan uch tomoni rangsiz chegaralarga ega (ular ko'rinmas bo'ladi). .
Kursorni chiziq bo'lishi kerak bo'lgan joyga qo'ying. IN yuqori menyu So'zni bosish:
- Qo'shish (3-rasmda 1),
- Jadval (3-rasmda 2),
- Bir hujayra (3-rasmda 3).
Guruch. 3. Word dasturida 1x1 jadval (bitta katakchadan) qanday kiritiladi
Natijada bitta katta katakning jadvali bo'ladi (1x1):
1x1 jadvalidagi uch tomondan chegaralarni olib tashlash qoladi. Buning uchun
- "Uy" yorlig'iga o'ting (4-rasmdagi 1),
- keyin "Shrift" yonida biz "Paragraf" va chegaralarni topamiz (4-rasmda 2),
- "Chegara yo'q" tugmasini bosish orqali barcha chegaralarni olib tashlang (4-rasmda 3),
- "Yuqori chegara" yoki "Quyi chegara" ni tanlang (4-rasmda 4).
Guruch. 4. Word jadvalidan chegara tanlashni qanday olib tashlash mumkin (chegaralarni ko'rinmas qilish)
Men buni videoda aniq ko'rsataman (maqolaning oxirida).
Aytgancha, rasmda. 3 osonroq yo'li borligi aniq. Kursorni Word dasturida satr boshiga qo'yib, "Gorizontal Line" tugmasini bosishingiz mumkin (5-rasmda 4):
III Chizma yordamida Word dasturida qator
Insert (5-rasmda 1) - Shakllar (5-rasmda 2) - bu Word dasturida gorizontal chiziqni olishning yana bir usuli.
Chiziqni qat'iy gorizontal holatda ushlab turish uchun Shift tugmachasini bosib ushlab turing va bir vaqtning o'zida chiziqni torting.
Guruch. 5. Word dasturida chiziq chizish
Ekrandagi klaviatura yordamida Word dasturida IV qator
Ekran klaviaturasini topish uchun Qidiruvda “ekrandagi klaviatura” iborasini kiriting, Windows 7 va Windows 8 uchun batafsil ma’lumot.
Windows 10 uchun siz Qidiruv satriga "ekrandagi klaviatura" ni kiritish orqali ekran klaviaturasini ham topishingiz mumkin.
Guruch. 6. Ekrandagi klaviatura
Oddiy klaviatura bilan birinchi variantda bo'lgani kabi gorizontal chiziqni yaratamiz. Ekrandagi klaviaturada uchta tugma kerak bo'ladi: chiziqcha, Shift va Enter.
1 Chiziq va Enter
BILAN yangi qator Word dasturida chiziqchani (6-rasmda 1) bir necha marta bosing va Enter tugmasini bosing. Siz ingichka gorizontal chiziqni olasiz.
2 Shift, chiziqcha va Enter
Word dasturidagi yangi satrdan avval Shift (6-rasmda 2), so'ng Chiziq (6-rasmda 1) tugmasini bosing. Siz pastki chiziqni olasiz. Buni yana 2 marta takrorlaymiz va keyin Enter tugmasini bosing. Natijada, biz qalin gorizontal chiziqni ko'ramiz.
Barcha o'quvchilarga salom. Vaqti-vaqti bilan ustalar HTML yoki dan foydalanib gorizontal yoki vertikal chiziqni qanday qilish kerakligi muammosiga duch kelishadi. CSS yordamida. Bugun men sizga bu haqda aytib beraman.
CSS-dagi chiziqlar
Chiziqlarni yaratishning bir necha yo'li mavjud. Bu usullardan biri CSS yordamida. To'g'rirog'i, Border-dan foydalaning. Keling, bir misolni ko'rib chiqaylik.
Va natijada bu sodir bo'ladi.
CSS yordamida gorizontal va vertikal chiziq.
Chiziqlarni CSS-da Border operatori yordamida chizish mumkin. Agar sizga faqat belgilangan ramka kengligi bilan to'rtburchaklar kerak bo'lsa, unda siz shunchaki ushbu operatordan foydalanishingiz va unga qiymat berishingiz mumkin. Masalan chegara: 5px qattiq #000000; blok chegaralari qora rangdagi 5 pikselga teng kenglikka ega ekanligini bildiradi.
Biroq, agar siz barcha chegaralarni emas, balki faqat ba'zilarini belgilashingiz kerak bo'lsa, unda qaysi chegaralar kerakligini va ularning har biri qanday qiymatga ega bo'lishini belgilashingiz kerak. Bu operatorlar:
- border-top - yuqori chegara qiymatini o'rnatadi
- chegara-pastki - pastki chegara qiymatini o'rnatadi
- border-left - chap chegara qiymatini o'rnatadi
- chegara-o'ng - o'ng chegara qiymatini o'rnatadi.
HTMLda vertikal va gorizontal chiziq
Siz HTMLning o'zida qatorlarni yaratishingiz mumkin. Buning uchun siz hr tegidan foydalanishingiz mumkin.
Bunday holda, gorizontal chiziq chiziladi, bir piksel balandlikda va to'liq kenglikda.
Ammo bu tegga ba'zi qiymatlar ham berilishi mumkin.
- Kengligi– chiziq kengligi qiymatini belgilaydi.
- Rang– chiziq rangini o‘rnatadi.
- Tegishlash– tekislashni chapga, markazga, o'ngga o'rnatadi
- Hajmi– chiziq qalinligi qiymatini piksellarda o‘rnatadi.
Hr tegidan foydalanib, siz vertikal chiziqni ham o'rnatishingiz mumkin. Ammo bu holda siz yana uslublarga murojaat qilishingiz kerak bo'ladi.
Bunday holda, yuz piksel balandlikda, bir piksel qalinlikda va besh piksel chuqurlikda vertikal chiziq chiziladi.
Xulosa.
Xo'sh, endi siz vertikal va gorizontal chiziqni qanday o'rnatishingiz mumkinligini bilasiz. Chiziqlar HTML-dan foydalangan holda oddiy saytlarda ham o'rnatilishi mumkin va ular CMS-dan foydalanadigan saytga o'rnatilishi mumkin, masalan, WordPress, lekin bu holda siz HTML rejimiga o'tishingiz kerak bo'ladi.
Xo'sh, agar sizda boshqa savollar bo'lsa, ularni sharhlarda so'rang.
Muallifdan: Sizni tabriklayman. Bir qatorda veb-sahifada bir nechta bloklarni ko'rsatish zarurati - bu maket dizaynerlari duch keladigan juda keng tarqalgan vazifa. Bu deyarli har bir shablonni joylashtirish paytida sodir bo'ladi, shuning uchun har qanday holatda ham barchamiz bloklarning xatti-harakatlarini o'zgartirishning asosiy usullarini bilishimiz va qo'llashimiz kerak.
Eng keng tarqalgan texnikani ko'rib chiqishdan oldin, men bir oz nazariyani eslashni istardim. Web-sahifa elementlari blokli va inline elementlarga bo'linadi. Va ularning orasidagi farq juda oddiy - kichik harflarni bir qatorga qo'yish mumkin, ammo blokirovka qilish mumkin emas. Albatta, farqlar shu bilan tugamaydi, lekin bu asosiy farq. Bloklarning yuqori va pastki qismida allaqachon to'ldirilgan bo'lishi mumkin (kichik harflar mavjud emas) va ularga ko'proq xususiyatlar qo'llanilishi mumkin.
CSS-da bloklarni joylashtirishning asosiy usullari
Biz hech narsani murakkablashtirmaymiz, uchta asosiy usul mavjud:
Bloklarni inline elementlarga aylantiring. Bunday holda, blok xususiyatlari yo'qoladi, shuning uchun bu variant deyarli ishlatilmaydi
Kerakli elementlarni blok-liniya qiling. Bu element o'z xususiyatlarini saqlab qoladigan maxsus tur, lekin ayni paytda boshqa bloklarni yaqin joyda joylashtirishga imkon beradi.
Float xususiyatidan foydalanib elementlarni suzuvchi qiling.
Keling, ushbu variantlarga e'tibor qarataylik. Biz Flexbox, stol displeyi va boshqa jihatlarni ko'rib chiqmaymiz. Deylik, bizda 3 ta sarlavha bor.
Sarlavha 1
Sarlavha 2
Sarlavha 3
Tabiiyki, barcha CSS xususiyatlari yozilishi kerak alohida fayl(style.css), bu html hujjatiga ulanishi kerak. Ushbu faylda men minimal uslubni yozaman, shunda bizning sarlavhalarimiz oddiygina ko'rinadi.
h3 (fon: #EEDDCD; )
h3 (
fon: #EDDCD;
Mana ular sahifada:
Ular bloklar kabi harakat qilishadi. Ularning har biri o'z chizig'ida joylashgan, ular orasida bo'shliqlar mavjud. Agar xohlasangiz, har qanday ichki to'ldirishni ham o'rnatishingiz va xohlaganingizni qilishingiz mumkin.
Keling, uni satrlarga aylantiramiz va darhol chekinishlarni qo'shamiz. Buning uchun h3 selektori quyidagi xususiyatlarni qo'shishi kerak:
displey: inline; to'ldirish: 30px;
Ushbu texnikani qo'llashda yuzaga keladigan ikkita asosiy muammo mavjud. Birinchisi, minimal chekinish. Bu kodda bloklar o'rtasida ushbu chekinishni tashkil etuvchi bitta bo'sh joy mavjudligi sababli hosil bo'ladi. Agar bu muammoni hal qilish kerak bo'lsa, ikkita asosiy variant mavjud:
Htmlda kerakli bloklar kodini bo'sh joysiz bir qatorga joylashtiring
-4 piksel o'ng tomoniga manfiy chekka qo'shing. Bitta joy shunchalik ko'p joy oladi.
Ikkinchi muammo shundaki, agar elementlar turli balandliklarga ega bo'lsa, displey bilan bog'liq muammolar paydo bo'lishi mumkin. Umuman olganda, eng yaxshi variant suzuvchi bloklardir. Display: inline-block o'rniga biz buni yozamiz:
Ramka yordamida chiziqdagi bloklar
Men darhol aytamanki, agar siz biron bir oddiy CSS ramkasidan (masalan, Bootstrap) foydalanmoqchi bo'lsangiz, unda hamma narsa hali ham ancha sodda. Elementlarni tartibga solish uchun mas'ul bo'lgan barcha CSS kodi allaqachon yozilgan va siz faqat to'g'ri sinflarni o'rnatishingiz kerak. Buning uchun faqat grid tizimini o'rganing va siz ko'p ustunli javob beruvchi shablonlarni hech qanday qiyinchiliksiz yaratishingiz mumkin. Hech bo'lmaganda CSS-ni noldan yozishdan ko'ra osonroq bo'ladi.
Noldan kod yozishning yana bir qiyinligi sizga sezgir dizayn kerak bo'lganda paydo bo'ladi. Albatta, siz media so'rovlariga ega bo'lish orqali uni o'zingiz amalga oshirishingiz mumkin, ammo agar sizda murakkab shablon bo'lsa, bu ancha qiyin bo'ladi.
Misol uchun, sizda bo'lganda katta ekranlar 4 ta ustun bo'lishi kerak, o'rtada - 3 va yana mobil telefonlar— 2. Bootstrap kabi ramkalar yordamida, to‘g‘rirog‘i, uning grid yordamida bunday narsani amalga oshirish bir necha daqiqa vaqtni oladi.
Mavzuni Bootstrap ramkasiga silliq tarjima qilib, yana bir bor ta'kidlaymanki, agar siz murakkab moslashuvchan shablonni yaratish vazifasiga duch kelsangiz, unda panjara ishlatmaslik shunchaki gunohdir. Buni amalga oshirish uchun siz hatto ulanishingiz shart emas. to'liq versiya ramka - siz uni sozlashingiz va u erda faqat sizga kerak bo'lgan narsani to'xtatishingiz mumkin.
dan foydalanib, ramka bilan ishlashni o'rganishingiz mumkin. U erda nazariya tushuntiriladi, lekin eng muhimi, amaliyot bor. Siz 3 ta moslashtirilgan shablonlarni yaratasiz va buyurtma berish yoki o'zingiz uchun veb-saytlarni loyihalash imkonini beradigan ajoyib tajribaga ega bo'lasiz. Va agar siz ramkaning afzalliklari va imkoniyatlari bilan bepul tanishmoqchi bo'lsangiz, men sizga Bootstrap haqidagi maqolalar seriyamizni, shuningdek, oddiy dizayn dizaynini ko'rib chiqishni taklif qilaman. Men sizga maket va umuman veb-sayt yaratishda muvaffaqiyatlar tilayman.
Vazifa
Sahifada gorizontal chiziq hosil qiling.
Yechim
Gorizontal chiziqlar bir matn blokini boshqasidan ajratish uchun yaxshi. Yuqorida va pastda gorizontal chiziqlarga ega kichik matn oddiy matnga qaraganda ko'proq o'quvchi e'tiborini tortadi.
Teg foydalanish
gorizontal chiziq chizishingiz mumkin, uning ko'rinishi ishlatiladigan atributlarga, shuningdek, brauzerga bog'liq. Teg blok elementlariga ishora qiladi, shuning uchun chiziq har doim yangi satrdan boshlanadi va undan keyin barcha elementlar keyingi qatorda ko'rsatiladi. Ko'p teg atributlari tufayli
bu teg orqali yaratilgan chiziqni boshqarish oson. Agar siz uslublar kuchini ham bog'lasangiz, hujjatga chiziq qo'shish oddiy vazifaga aylanadi.Standart qator
kul rangda va ovoz balandligi effekti bilan ko'rsatiladi. Ushbu turdagi chiziq har doim ham sayt dizayniga mos kelmaydi, shuning uchun ishlab chiquvchilarning uslublar orqali chiziqning rangi va boshqa parametrlarini o'zgartirish istagi tushunarli. Biroq, brauzerlarda bu masala bo'yicha aralash yondashuvlar mavjud, shuning uchun siz bir vaqtning o'zida bir nechta uslub xususiyatlaridan foydalanishingiz kerak bo'ladi. Xususan, brauzerning eski versiyalari Internet Explorer Chiziq rangi uchun rang xususiyatidan foydalaning va boshqa brauzerlar background-color dan foydalanadi. Lekin bu hammasi emas, siz chiziq qalinligini (balandlik xususiyati) nolga teng bo'lmasligi uchun belgilashingiz kerak va chegara xususiyatini "yo'q" ga o'rnatib, chiziq atrofidagi ramkani olib tashlashingiz kerak. Hr selektori uchun barcha xususiyatlarni birlashtirib, biz mashhur brauzerlar uchun universal echimga ega bo'lamiz (1-misol).1-misol: Gorizontal chiziq
HTML5 CSS 2.1 IE Cr Op Sa Fx
Gorizontal chiziq rangi
Matn qatori
Natija bu misol shaklda ko'rsatilgan. 1.
Guruch. 1. Rangli gorizontal chiziq
Shunga o'xshash maqolalar
