Hiasan underscore CSS-elemen

Téhnologi stylesheet boga dua fungsi dina desain HTML-kaca. Kahiji, kalayan pitulung na, aya hiji posisi formasi unsur individu loka éta. Bréh, ngajadikeun unit visually pikaresepeun pikeun pamaké. Palaksanaan fungsi kadua lumangsung ku sababaraha cara. Salah sahijina - underscore. CSS nyadiakeun keur hiasan atribut ieu text-.

Spésifikasi catetan atribut

Paké text- sipat hiasan anu basajan. Cukup pikeun ngadaptar dina kode koropak CSS, garis handap pikeun item nu:

hiasan text-: znachenie_atributa;

Gantina "znachenie_atributa» spésifikasi CSS nawarkeun sababaraha pilihan:

• ngagurat di handapna - garis lokasina langsung handap téks;
• overline - garis ngalir ti luhureun téks;
• taya - jalan ngaleupaskeun sagala épék hiasan;
• inherit - adopts nilai unsur indungna.

Di luhur teu kabeh bentuk mungkin tina rékaman, sakumaha atribut ieu hususna teu mung underscore CSS, tapi épék lianna, kayaning "Blink" atawa téks strikethrough.

Conto hyperlinks desain

Beginners dina rarancang web na programming, patarosan timbul: naha ngalakukeun garis handap dina téks? Di subuh jaman téhnologi internét metoda ieu alokasi pamaké kanyataan yén di hareupeun manehna mangrupakeun hyperlink - téks, ku ngaklik on nu bakal dilumangsungkeun transisi ka kaca anyar.

Sacara standar, harta Hyperlink diatur ngagurat di handapna. Dina prakték, aya masalah ngaleupaskeun garis ti alat aktif sarta nyieun ditingali salaku pamaké nu ngalir dina pointer mouse. Di handap ieu conto kode nu disables nu Tumbu underscore CSS:

a {téks-hiasan: taya; }

Pikeun Tumbu aktip ngagunakeun Éntri handap:

a: hover {téks-hiasan: ngagurat di handapna;}

underscore hiasan pikeun canggih

atribut baku text- hiasan boga sababaraha watesan:

• garis warna béda ti Warna link téks, mustahil keur ngabedakeun antara "ngawarnaan" maranéhna;
• Ngan garis padet dipaké minangka underscore nu. CSS henteu ngalibetkeun pamakéan gaya séjénna ngeunaan tanda éta.

Tapi téhnik husus mantuan bypass katingal Palasik téks. Dina kasus nu pertama, pikeun ngeset hyperlink a ngagunakeun tag pilihan .

Contona: