May tuldok na linya sa html. Paano Gumawa ng Linya Gamit ang HTML at CSS

Upang bigyang-diin ang ilang partikular na mahahalagang elemento ng site, hindi masasaktan na gamitin ang lahat ng uri ng mga istilo at katangian ng CSS na ibinigay para dito. Siyempre, hindi mo kailangang masyadong mag-abala sa teksto at i-highlight ito, halimbawa, sa bold o italics, baguhin background o gumawa ng frame sa paligid ng teksto. Ngunit ang isa sa mga ipinakita na pamamaraan ay hindi palaging angkop. Sabihin nating mayroon kang text na kailangang hatiin dahil sa mga detalye ng semantic load nito. Dito sumagip ang mga katangian ng HTML at CSS.

Paano gumawa ng linya sa text gamit ang CSS

Upang maipatupad ang aming mga plano, kakailanganin naming makipag-ugnayan style.css file, na nakasulat dito ang kaukulang pag-aari hangganan. Ito ay magiging sanhi ng paglitaw ng isang linya sa itaas, sa ibaba o sa isang partikular na bahagi ng teksto. Sa turn, mayroong ilang mga katangian na responsable para sa pagpapakita ng linya, lalo na:

- hangganan-itaas– isang pahalang na linya na matatagpuan sa itaas ng teksto;

- hangganan-kanan– isang patayong linya na matatagpuan sa kanan ng teksto;

- hangganan-ibaba– isang pahalang na linya na matatagpuan sa ibaba ng teksto;

- hangganan-kaliwa– patayong linya na matatagpuan sa kaliwa.

Paano gumawa ng isang linya sa html

Gamit Mga katangian ng CSS maaari mong ipasok ang lahat ng kinakailangang halaga sa pamamagitan ng pag-edit ng HTML code. Upang gawin ito, kailangan mong pumunta sa administratibong bahagi ng site. Pumili ng isa sa mga nai-publish na materyales, lumipat text editor sa HTML code editing mode at magdagdag ng CSS properties. Ang isang sample ay makikita sa ibaba.

Paano gumawa ng tuldok o tuwid na linya?

Sa pamamagitan ng pagtukoy sa mga katangiang ito, magagawa mo bang bigyang-diin ang kahalagahan ng materyal na iniharap, talata o pamagat?

Maikling paglalarawan ng mga utos

- lapad- haba ng linya;

- solid- solidong linya;

- may tuldok– may tuldok na linya.

Para sa mas malalim na pag-unawa sa mga istilo, inirerekomenda kong basahin ang isang ito.

Kinakailangang maunawaan na sa proseso ng paggawa ng mga pagbabago sa code ng site, ang mga katangian na tumutukoy sa uri ng linya, kapal at kulay nito ay nakalista na pinaghihiwalay ng isang puwang.

Ang pamamaraang ito ay may ilang mga pakinabang:

Isang malawak na hanay ng mga posibilidad kung saan maaari kang gumawa ng halos anumang linya.

Dali ng paggawa ng lahat ng kinakailangang pagbabago nang direkta sa HTML code. Lubos nitong pinapasimple ang gawain para sa mga walang karanasan na tagabuo ng site.

Paano gumawa ng isang tuwid na pahalang na linya gamit ang isang HTML tag

Ang unang bagay na nais kong iguhit ang iyong pansin ay ang tag na ito, sa kabila ng lahat ng mga subtleties at mga prinsipyo ng html, walang closing tag. Maaari itong magamit kahit saan html code, sa pagitan ng mga tag At

.

Mga katangian ng tag

- lapad– responsable para sa haba ng linya. Maaaring tukuyin bilang isang porsyento o sa mga pixel.

- laki- kapal ng linya. Tinukoy sa mga pixel.

- kulay– tumutukoy sa kulay ng linya.

- ihanay– isang katangiang responsable para sa pagkakahanay ng linya. Sa turn, ang koponan ay nauugnay sa kanya.

Kapag lumilikha Mga pahina ng HTML Ang disenyo ay may mahalagang papel. Lalo na kapag pinag-uusapan natin ang tungkol sa iba't ibang mga simbolo at pandekorasyon na disenyo: ang mga maliliit na bagay na ito ay nakakatulong na gawing mas madaling ma-access at malinaw ang "wika" ng iyong pahina, at makabuluhang baguhin din ang pang-unawa at hitsura pangkalahatan. Isa sa mahahalagang elemento para sa disenyo ay isang pahalang na linya, at pagkatapos ay malalaman natin nang mas detalyado kung paano ito gagawin at kung paano gumawa ng pahalang na linya sa html.

Ano ang pahalang na linya at para saan ito?

Ang pahalang na linya sa html ay isang elemento ng disenyo ng pahina na gumaganap ng ilang mga function:

Pandekorasyon. Tumutulong na magdagdag ng kaakit-akit sa pahina.
Paghahati. Itinataguyod ang epektibong paghihiwalay ng impormasyon ng iba't ibang kahulugan.
Pag-highlight o pagbibigay-diin. Dinadala ang atensyon ng mga bisita sa page sa kailangan at pinakamahalagang impormasyon.

Ito ay ang pahalang na linya na itinuturing na pinaka sa isang madaling paraan upang ipatupad ang isang hanay ng mga function. Ito ay napaka-simple upang lumikha, at mula sa labas ay mukhang napakahusay. Sa pamamagitan ng mga simpleng pagbabago sa html code maaari mong ayusin:

haba;
lapad;
mga katangian ng kulay;
pagkakahanay sa isang gilid o sa isa pa.

Ito ay nagkakahalaga ng noting na ang pahalang na linya ay tumutukoy sa mga elemento ng block. Nangangahulugan ito na sumasakop ito sa isang bagong linya sa pahina, at ang tekstong kasunod nito ay mapupunta sa ibaba.

Paglikha ng Pahalang na Linya sa HTML

Maaari kang magtakda ng linya gamit ang isang simpleng tag – hr sa mga triangular na bracket. Ito ay maikli para sa "Horizontal Rule" at tumutukoy sa classic panlabas na mga parameter. Naiiba ito sa marami pang iba dahil hindi nito kailangan ng pansarang tag at kayang umiral nang nakapag-iisa. Baguhin panlabas na katangian elemento gamit ang mga karagdagang halaga sa tag:

Ang haba. Kung hindi mo gustong lumawak ang haba ng linya sa buong page, maaari mong itakda ang nais na laki sa mga pixel o porsyento. Ginagawa ito para sa tulong karagdagang salita"lapad" sa tag at isang numerong haba na nakasaad pagkatapos ng "=" sign in quotes.

Parang ganito. Halimbawa, kung kailangan namin ng haba na 100 pixels, itinakda namin ang sumusunod na tag: hr width=”100″

Pag-align. Posible ang pagkakahanay sa kaliwa o kanang mga gilid, at gayundin sa gitna. Ang katangiang ito valid lang kung natukoy mo na parameter ng lapad, dahil ang isang linya na sumasaklaw sa buong pahina ay hindi maaaring ihanay. Para sa alignment, nagtakda kami ng karagdagang attribute sa tag na "align" at nagdagdag ng direksyon dito: center – para sa gitna, kaliwa – para sa kaliwa at kanan – para sa right alignment.

Ang tapos na tag sa kasong ito ay magiging ganito. Halimbawa, kung kailangan nating itakda ang center alignment para sa pahalang na linya 150 pixels ang haba, pagkatapos ay magiging ganito ang hitsura ng natapos na tag: hr align=”center” width=”150″.

Tandaan na ang "align", ang alignment indicator, ay inilalagay sa 1st place, sa kabila ng katotohanan na ang attribute ay nakadepende sa width indicator.

Lapad. Maaari mo ring piliin na tukuyin ang lapad, na lumilikha ng isang bold o manipis na salungguhit. Ang pamantayang ito ay hindi nakasalalay sa anumang bagay at maaaring gamitin bilang isang independiyenteng pamantayan nang hindi tinukoy ang haba o pagkakahanay. Para dito, ginagamit namin ang attribute ng laki sa tag at isang numeric na halaga na katumbas ng nais na lapad sa mga pixel. Ang numero ay ipinahiwatig sa mga panipi pagkatapos ng katangian ng laki at ang simbolo na “=”.

Kaya, kung kailangan nating gumawa ng linya na may lapad na 15 pixels, kailangan nating gawin ang sumusunod na tag: hr size=”15″.

Kulay. Tinukoy din ito bilang isang independiyenteng tagapagpahiwatig. Upang baguhin ito gamitin katangian ng kulay sa kumbinasyon ng pangalan ng kulay sa anyo ng isang code alinman sa Ingles. Ang kulay ay ipinahiwatig sa mga panipi pagkatapos ng simbolo na “=”.

Kaya ang tag para sa karaniwang linya ay puti maaaring isulat sa dalawang paraan: hr color=”#FFFFFF” o hr color=”white”

Maaaring malikha ang itim gamit ang code #000000.

Itabi anino. Kung kailangan mo ng elementong hindi naglalaman ng anino, dapat mong gamitin ang katangian ng noshade sa tag. Maaari itong magamit nang nag-iisa o kasama ng iba pang mga elemento. Ang isang tag para sa isang karaniwang linya na gumagamit nito ay magiging ganito: hr noshade

Paggawa ng Pahalang na Linya Gamit ang Video

At kung nais mong makatanggap ng impormasyon sa isang mas visual na format, pagkatapos ay sumangguni sa sumusunod na video, na naglalarawan nang detalyado ang mga posibilidad ng pagtatrabaho sa isang pahalang na linya.

Ang pagkakaroon ng natukoy na mga kinakailangang sukat ng pahalang na linya, maaari mong idisenyo ang mga pahina ng website sa paraang ang impormasyon ay nakabalangkas at may kakayahang makita. Nakakatulong ito sa mga bisita na mas madaling maunawaan ang impormasyong ipinakita at ginagawang kakaiba ang iyong site sa iba.

Karaniwan, ang mga pahalang na linya ay ginagamit upang palamutihan ang mga pahina ng HTML ng isang website, na nagbibigay sa kanila ng isang mas kaakit-akit na hitsura. Ngunit maaari rin nilang makita ang pagkakaiba ng impormasyon mula sa mga katabing seksyon, na nagdaragdag ng kaginhawahan sa mga mambabasa kapag pinag-aaralan ito. Talaga, gumuhit ng mga pahalang na linya kung saan kailangan mo ang mga ito, iyon lang.

Paano gumuhit ng pahalang na linya?

Mayroong isang espesyal na tag para sa pagguhit ng mga pahalang na linya sa HTML

. At siya ay block tag, iyon ay, lumilikha ito ng mga line break bago at pagkatapos ng sarili nito, kaya ang linya ay palaging nagtatapos sa isang hiwalay na linya. Alinsunod dito, maaari lamang itong tukuyin sa loob ng mga tag na maaaring naglalaman ng mga elemento ng block, halimbawa o

. Pero eto ako
hindi maaaring magkaroon ng content dahil wala lang itong closing tag, ibig sabihin ay walang laman.

Halimbawa ng pagguhit ng mga pahalang na linya sa HTML
Pagguhit ng mga pahalang na linya

Talata.

Talata.

Talata.

Resulta sa browser

Talata.

Talata.

Talata.

Tulad ng nakikita mo, ang mga linya ay lumalabas na napakanipis, hindi kaakit-akit at iginuhit sa buong magagamit na lapad, kaya ngayon ay matututunan natin kung paano baguhin ang mga ito upang gawing mas kaakit-akit ang mga ito.

Paano baguhin ang kulay, kapal at lapad ng mga pahalang na linya?

Sa lumang Mga bersyon ng HTML sa tag
may mga espesyal na katangian kung saan maaari mong baguhin ang kulay, kapal at lapad ng mga pahalang na linya. Ang mga ito ay kulay , laki at lapad , ayon sa pagkakabanggit. Ngunit sa mga bagong bersyon ay inabandona ang mga ito pabor sa Cascading Style Sheets (CSS), kaya, tulad ng nahulaan mo, muli naming gagamitin ang aming paboritong katangian ng istilo. Ang pangkalahatang syntax ay:

style="background:color" >- ang kulay ng linya (o sa halip ang background nito).

style="height:size" >- kapal ng linya.

style="width:size" >- lapad ng linya.

istilo= "background:color; height:size; width:size"> - o maaari mong tukuyin ang lahat ng mga parameter nang sabay-sabay, huwag kalimutan ang tungkol sa semicolon (;).

Maaaring tukuyin ang isang kulay sa pamamagitan ng pangalan nito sa English o sa HEX code ng kulay na pinangungunahan ng hash (#). Buweno, alam mo na ang tungkol dito mula sa aralin baguhin ang teksto at kulay ng background.

Ngunit pag-uusapan natin ang higit pa tungkol sa pagbabago ng laki. Tulad ng naaalala mo mula sa aralin sa pagpapalit ng mga font, mayroong humigit-kumulang sampung yunit ng pagsukat sa CSS, ngunit lapad ng linya maaari lamang tukuyin sa mga pixel (px) at mga porsyento (%), at kapal sa pangkalahatan lamang sa mga pixel. Kung maglalagay ka ng iba pang mga yunit ng pagsukat, hindi ito magiging isang error, ngunit babalewalain lamang sila ng mga browser.

Kung tutukuyin mo ang mga dimensyon sa mga pixel, ang kapal at lapad ng linya ay magdedepende sa resolution ng monitor kung saan tinitingnan ang iyong site (mas mataas ang resolution ng screen, mas manipis at mas makitid ang linya).

Tulad ng sinabi ko na, ang lapad ng linya lamang ang maaaring tukuyin bilang isang porsyento. Mga Dimensyon ng Porsiyento palaging nakadepende at kinakalkula batay sa laki ng parent na elemento ng container kung saan matatagpuan ang tag
. Sa kasong ito, ang mga sukat ng magulang ay kinuha bilang 100%. Halimbawa, kung ilalagay natin ang tag
style="width:50%" > panloob na elemento
, kung paano natin baguhin ang laki ng browser window o monitor resolution, ang lapad ng linya ay palaging magiging kalahati ng lapad ng block
.

Isang halimbawa ng pagbabago ng kulay, kapal at lapad ng mga pahalang na linya.
Baguhin ang kulay, kapal at lapad ng mga pahalang na linya.

Resulta sa browser

Pagbabago ng posisyon ng mga pahalang na linya

Kapag binago mo ang lapad ng pahalang na linya, malinaw mong makikita na palaging inilalagay ito ng mga browser sa gitna. Kung gusto mong baguhin ang posisyon nito, pagkatapos ay gamitin lamang sa loob
align attribute sa mga sumusunod na value:

sentro- ang linya ay nakahanay sa gitna (default na halaga).

umalis- pagpindot sa kaliwang gilid.

tama- pagpindot sa kanang gilid.

Halimbawa ng pahalang na pagkakahanay ng linya.
Baguhin ang posisyon ng mga pahalang na linya.

Resulta sa browser

Paano tanggalin ang frame sa paligid ng isang linya?

Tingnan ang pinakaunang halimbawa ng araling ito. Ano sa tingin mo ang kulay ng mga linyang ito? Ngunit hindi iyon totoo. Ang mga ito ay transparent, tulad ng anumang mga elemento ng pahina na walang tinukoy kulay ng background! Huwag maniwala sa akin? Pagkatapos ay tingnan ang halimbawa kung saan binago namin ang kulay ng mga linya. Para sa pinakaunang isa, hindi namin itinakda ang kulay, ngunit pinalaki lamang ang laki nito, at hindi ba transparent ang linyang ito? yun lang!

Ngayon ipapaliwanag ko. Bilang default, ang mga browser ay gumuhit ng mga frame sa paligid ng mga linya, na lumikha ng isang three-dimensional na epekto. Kaya, kapag hindi namin pinalaki ang kapal ng mga pahalang na linya, ang mga browser ay nagpapakita lamang sa amin ng mga frame na ito, dahil ang kapal mismo ng linya ay 0px.

Upang alisin ang hangganan sa paligid ng linya, na madalas na sumisira sa hitsura, ilalapat namin muli ang katangian ng estilo. At ito ay nakasulat tulad nito:

Takdang-aralin.

Lumikha ng mga heading ng artikulo, seksyon, at subsection. Ilagay silang lahat sa gitna.

Itakda ang font sa Arial para sa buong page at Courier para sa mga heading.

Hayaang ang laki ng font sa buong page ay 85% ng default na laki ng browser. At ang mga heading ay may 145%, 125% at 110%, ayon sa pagkakabanggit, ng laki ng font sa pahina.

Sumulat ng isang talata sa ilalim ng unang pamagat, isang mahabang sipi sa ilalim ng pangalawa, at isang tula sa ilalim ng ikatlo. At hayaang ang tula ay matatagpuan sa gitna ng pahina.

I-highlight naka-bold tatlong salita sa isang quote.

Sa ibaba ng pamagat ng artikulo, gumuhit ng tatlong-pixel na pulang pahalang na linya sa buong lapad ng pahina.

Sa itaas at ibaba ng tula, gumuhit ng mga linya na isang pixel ang kapal sa itim. Hayaan ang lapad ng tuktok na linya ay humigit-kumulang katumbas ng lapad ng taludtod, at sa ibaba - kalahati ng mas maraming.

Alisin ang mga hindi kinakailangang frame mula sa mga linya.

Mukhang, bakit kailangan ng apat na paraan? Pagkatapos ng lahat, halos bawat tao ay gumagamit ng isang paraan kung saan siya nakasanayan. Halimbawa, ilang beses kong pinindot ang Shift at ang dash key, kaya nakakuha ako ng pahalang na linya.

Ngunit paano kung magreresulta ito sa isang tuldok-tuldok na linya, ngunit kailangan mo ng matibay?
- Malamang, sira ang Shift key sa keyboard. Iba pang mga paraan ay darating upang iligtas dito.

Marahil ang pinaka karaniwang paraan Ang paggawa ng linya sa Word ay nangangahulugan ng paggamit ng ilang key sa keyboard.

I Manipis, makapal, doble, may tuldok na linya gamit ang keyboard

Nasa ibaba ang isang larawan ng isang keyboard na may Ingles, ngunit walang layout ng Russian, ngunit hindi ito mahalaga, dahil interesado lamang kami sa tatlong key: Shift, dash at Enter.

kanin. 1. Tatlong key sa keyboard: Shift, dash at Enter para sa tuluy-tuloy na pahalang na linya sa Word

Sa tatlong key na ito maaari kang gumuhit ng tuluy-tuloy na pahalang na linya sa Word: may tuldok o solid, manipis o makapal, mahaba o maikli.

1) Kapag pinindot mo ang "-" (dash) key nang ilang beses Word editor nakakakuha kami ng tuldok na linya ng anumang haba.

gawin manipis mahabang pila buong lapad ng pahina:

Nahanap namin ang "dash" key sa keyboard (sa kanan ng "zero" key, sa berdeng frame sa Fig. 1).

Mula sa isang bagong (!) na linya sa Word, pindutin ang key na ito ng ilang beses: -

At pagkatapos ay pindutin ang "Enter" () key. Ang ilang naka-print na gitling ay biglang magiging tuluy-tuloy na pahalang na manipis na linya sa buong lapad ng pahina.

2) Kapag sabay mong pinindot ang Shift at “-” (gitling), HINDI isang gitling ang naka-print, ngunit isang salungguhit _________. Sa ganitong paraan makakagawa ka ng tuloy-tuloy na linya ng di-makatwirang haba saanman sa dokumento.

kanin. 2. Manipis at makapal na pahalang na linya sa Word

Ngayon ay i-print natin mataba pahalang na linya sa buong lapad ng pahina:

Muli naming nakita ang parehong dash key, at gayundin Shift key(kaliwa o kanan, ayon sa gusto mo). Pindutin ang Shift, hawakan at huwag bitawan.

At ngayon, mula sa isang bagong (!) na linya, mag-click sa gitling nang maraming beses (halimbawa, 3-4 na beses) (habang hindi inilalabas ang Shift): ___. Ilabas ang Shift.

Ngayon mag-click sa Ipasok ang susi. Makakakita ka ng makapal na pahalang na solidong linya.

Pahalang na manipis, makapal, may tuldok at dobleng linya sa Word gamit ang keyboard

II Line in Word gamit ang table

Ang isang pahalang na linya ay maaaring makuha sa pamamagitan ng paggamit ng isang talahanayan ng isang cell (1x1), kung saan ang itaas o ibabang hangganan lamang ang may kulay (makikita), at ang iba pang tatlong panig ng talahanayan ay may walang kulay na mga hangganan (sila ay hindi nakikita) .

Ilagay ang cursor sa lugar kung saan dapat naroon ang linya. SA tuktok na menu Word click kami:

Ipasok (1 sa Fig. 3),

Talahanayan (2 sa Fig. 3),

Isang cell (3 sa Fig. 3).

kanin. 3. Paano magpasok ng 1x1 table (mula sa isang cell) sa Word

Ang resulta ay isang talahanayan ng isang malaking cell (1x1):

Ang natitira na lang ay alisin ang mga hangganan mula sa tatlong panig sa 1x1 table. Para dito

pumunta sa tab na "Home" (1 sa Fig. 4),

pagkatapos ay sa tabi ng "Font" makikita namin ang "Paragraph" at mga hangganan (2 sa Fig. 4),

alisin ang lahat ng mga hangganan sa pamamagitan ng pag-click sa "Walang hangganan" (3 sa Fig. 4),

piliin ang “Upper border” o “ Mababang limitasyon"(4 sa Fig. 4).

kanin. 4. Paano alisin ang pagpili ng hangganan mula sa isang talahanayan ng Word (gawing hindi nakikita ang mga hangganan)

Malinaw kong ipinapakita ito sa video (sa dulo ng artikulo).

Sa pamamagitan ng paraan, sa Fig. 3 malinaw na may mas madaling paraan. Maaari mong ilagay ang cursor sa simula ng linya sa Word at i-click ang "Horizontal Line" (5 sa Fig. 4):

III Linya sa Salita gamit ang pagguhit

Ipasok (1 sa Fig. 5) - Mga Hugis (2 sa Fig. 5) - ito ay isa pang paraan upang makakuha ng pahalang na linya sa Word.

Upang panatilihing mahigpit na pahalang ang linya, pindutin nang matagal ang Shift key at iguhit ang linya nang sabay.

kanin. 5. Paano gumuhit ng linya sa Word

IV Line sa Word gamit ang on-screen na keyboard

Para sa Windows 10, mahahanap mo rin ang on-screen na keyboard sa pamamagitan ng pag-type ng “on-screen keyboard” sa Search bar.

kanin. 6. On-screen na keyboard

Gagawa kami ng pahalang na linya sa parehong paraan tulad ng sa unang opsyon na may regular na keyboard. Naka-on on-screen na keyboard Kakailanganin mo ang tatlong mga pindutan: gitling, Shift at Enter.

1 Dash at Enter

SA bagong linya sa Word, mag-click sa gitling (1 sa Fig. 6) nang maraming beses at pindutin ang Enter. Makakakuha ka ng manipis na pahalang na linya.

2 Shift, dash at Enter

Mula sa isang bagong linya sa Word, i-click muna ang Shift (2 sa Fig. 6), pagkatapos ay Dash (1 sa Fig. 6). Makakakuha ka ng salungguhit. Uulitin namin ito ng 2 beses, at pagkatapos ay pindutin ang Enter. Bilang resulta, makikita natin ang isang makapal na pahalang na linya.

Gawain

Gumawa ng pahalang na linya sa pahina.

Solusyon

Ang mga pahalang na linya ay mainam para sa paghihiwalay ng isang bloke ng teksto mula sa isa pa. Ang maliit na teksto na may pahalang na mga linya sa itaas at ibaba ay nakakaakit ng higit na atensyon ng mambabasa kaysa sa regular na teksto.

Gamit ang isang tag
maaari kang gumuhit ng pahalang na linya, ang hitsura nito ay depende sa mga katangian na ginamit, pati na rin ang browser. Ang tag ay tumutukoy sa mga elemento ng block, kaya ang linya ay palaging nagsisimula sa isang bagong linya, at pagkatapos nito ang lahat ng mga elemento ay ipinapakita sa susunod na linya. Salamat sa maraming katangian ng tag
ang linyang ginawa sa pamamagitan ng tag na ito ay madaling pamahalaan. Kung ikinonekta mo rin ang kapangyarihan ng mga istilo, ang pagdaragdag ng linya sa isang dokumento ay magiging isang simpleng gawain.

Default na linya
ipinapakita kulay abo at may volume effect. Ang ganitong uri ng linya ay hindi palaging angkop sa disenyo ng site, kaya ang pagnanais ng mga developer na baguhin ang kulay at iba pang mga parameter ng linya sa pamamagitan ng mga estilo ay nauunawaan. Gayunpaman, ang mga browser ay may magkahalong diskarte sa isyung ito, na nangangahulugang kakailanganin mong gumamit ng ilang mga katangian ng istilo nang sabay-sabay. Sa partikular, ang mga mas lumang bersyon Internet browser Ginagamit ng Explorer ang color property para sa kulay ng linya, at ang ibang mga browser ay gumagamit ng background-color . Ngunit hindi lang iyon, dapat mong tiyak na tukuyin ang kapal ng linya (height property) maliban sa zero at alisin ang frame sa paligid ng linya, na tumutukoy walang halaga sa pag-aari ng hangganan. Pagsasama-sama ng lahat ng property para sa hr selector, nakukuha namin unibersal na solusyon Para sa

mga sikat na browser

(halimbawa 1).
Halimbawa 1: Pahalang na linya

HTML5 CSS 2.1 IE Cr Op Sa Fx

Pahalang na kulay ng linya Text string Resulta

halimbawang ito