Pozdravy všetkým, ktorí túžia na nové vedomosti a číta môj blog. Uverejnenie dnešného dňa chcem venovať veľmi jednoduchú tému, ktorá napriek tomu pravidelne volá niekoľko otázok z nových informácií: "Ako odstrániť alebo pridať dolnú podčiarkovňu HTML."

Pokiaľ už viete, je možné dolnú podčiarkovňu nastaviť manuálne, ale odkazy sú štandardne nainštalované. To je dôvod, prečo V článku pripomínam, ako sa opýtať podčiarknutia titulky, poviem vám, ako nainštalovať dolný riadok na celú šírku bloku, ako aj ako sa vysporiadať so štandardným formátovaním odkazov. Začnime!

A príďte, tu to zdôrazňuje!

Existuje špeciálna párová značka pre text podčiarkovník: slovné slovo.

Profesionálne verše však používajú mechanizmy štýlových kaskádových tabuliek, t.j. CSS, pre návrh vzhľadu všetkého. A je to správne. Tento prístup zdieľa štruktúrnu značku, vytvára flexibilné a pohodlné formátovanie. Okrem toho je jednoduchšie chytiť chyby (chyby) v kóde.

Ak chcete uprednostňovať textový obsah, tieto vlastnosti sa používajú hlavne: hranice. a text-dekorácia..

Element hranice. Je zodpovedný za inštaláciu rámu okolo zadaného bloku a tiež umožňuje nastaviť hrúbku čiary a jeho štýl.

Táto jednotka je dostatočne flexibilná, pretože môžete určiť formátovanie pre jednotlivé strany hranicu. To sa dosahuje pomocou vlastností:

1. hranicasprávny (napravo)
2. hranicatop. (zhora)
3. hranicavľavo. (vľavo)
4. hranicadno (dno)

• bodka ( bodkované.)
• bodkovaný ( prerušovaný.)
• lineárne ( pevný)
• dvojnásobok ( dvojité.)
• rámové bloky objemu ( drážka,vložka,ridge I.od začiatku.)

Nezabudnite, že môžete vždy opakovať nastavenia štýlu materského bloku s kľúčovým slovom zdediť..

Teraz poďme diskutovať o majetku jazyka CSS text-dekorácia.. Tento prvok je zodpovedný za ďalšie textové dekorácie.

Tie obsahujú:

1. blikanie ( blikať.)
2. riadok cez text ( prekročiť)
3. prekrížené objekty ( riadok.)
4. Štylizácia dedičstva ( zdediť.)
5. zrušiť všetky ďalšie dekorácie ( nefajčiarsky)
6. potrebujeme podčiarkovník ( zdôrazniť)

Je to časová prax

Teraz chcem, aby ste zabezpečili získané poznatky a prakticky testovali príklad programového kódu, ktorý mi poskytol. Pre tých, ktorí sú oboznámení s touto témou, bude to tiež užitočné. Ako všetci vieme: "Opakovanie je matka učenia!".

Tento kód implementuje modifikovanú štylizáciu odkazov a tiež nastaví podčiarknuté pod celú šírku bloku.

Text hradu podčiarknutý titul

Na túto poznámku dokončím publikáciu odbornej prípravy. Diskutuje o všetkých potrebných nástrojoch na podčiarknutie textového obsahu, s vedomím, ktoré môžete vytvoriť možnosti dizajnu stránky webovej stránky.

Nezabudnite sa pripojiť k radom mojich predplatiteľov, pretože stále existuje mnoho zaujímavých a užitočných tém dopredu, rovnako ako zdieľať link blog s priateľmi. BYE BYE!

S pozdravom, Roman Chuchev

Podčiarknutý text v HTML je zvýraznený pomocou značky u. Html (zo slova zdôrazniť). Používa sa nasledovne (požadovaná časť textu je umiestnená medzi značkami ):

Dizajnérske stránky "Nubex"

Tento kód sa však považuje za nepokojný, preto oveľa efektívnejšie a správne používajte CSS štýly pre textové scenérie.

Zdôrazniť text - CSS

Ako sme už hovorili v článku, textová scenéria sa nastavuje pomocou majetku. text-dekorácia.. Podčiarknutý text je nastavený parametrom zdôrazniť:

Dizajnérske stránky Nubex "

Zdôrazniť text pomocou CSS nielen s pevnou čiarou. Pozrime sa, aké možnosti môžete zdôrazniť:

• Strip text bodkovaného CSS:

  Dizajnérske stránky Nubex "

  
  
  
• Podčiarknuté body:

  Dizajnérske stránky Nubex "

  
  
  
• Dvojitá funkcia:

  Dizajnérske stránky Nubex "

  
  
  

Ako je možné vidieť z vyššie uvedených príkladov, môžete ovládať podčiarknutý štýl pomocou majetku hranolové dno. (spodná čiara). S týmto parametrom môžete nastaviť typ podčiarknutia, farby, hrúbky.

Umožňuje vykonať inú podčiarkovku v HTML nižšie (podčiarknuté), TOP (SILENLINE), prečiarknutý text (riadok), atď. Kompatibilný s týmto čipom s predchádzajúcou a bude fungovať:

V druhom riadku sa ukázalo, ako je všetko zaznamenané v jednom riadku s textovou dekoráciou.

text-dekorácie - štýl - text podčiarkový

Možnosť nastaví vzhľad dekoratívnej linky pre referenciu. V nových odporúčaniach CSS boli pridané vlnité a dvojité hodnoty, teraz sú len 5:

• pevná látka;
• dvojnásobok (z prvého príkladu vyššie);
• bodkovaný - pozostáva zo sekvencie bodov;
• prerušovaný - Umožňuje urobiť bodkované podčiarknuté CSS;
• vlnitá - veľkolepá vlnitá linka.

textové podčiarknutie - poloha - umiestnenie CSS podčiarkovník

Pomocou tejto vlastnosti môžete ovládať polohu čiary vzhľadom na font glyf.
Celkovo sú k dispozícii 4 možnosti:

• auto - sa nachádza čo najbližšie znenie textu;
• pod najnižšou hranicou písma;
• vľavo a vpravo - vľavo / vpravo pre položky zobrazené vertikálne.

Tu je vizuálny rozdiel medzi textom dolného podčiarknutia pomocou v rámci a auto:

Rozdiel, myslím, že je celkom zrejmé.

text-dekorácie - Preskočiť - Odstránime podčiarkovník pre položky

Pomocou voľby môžete zrušiť (preskočiť) dekoráciu niektorých položiek v reťazci HTML. Ak chcete lepšie pochopiť platné hodnoty medzier, objektov, box-dekorácie, okraje, atramentu budem duplikovať obraz z poslednej poznámky:

To znamená, že napríklad s pomocou atramentu, môžete urobiť nižšie podčiarkovník v CSS, čo by nebolo krížené s postavami. Hodnota objektov vám umožňuje preskočiť prvky inline (inline-blok) - vložte rozpätie a pevná čiara bude prerušená na vhodnom mieste:

Parametre box-dekorácie, medzery, hrany sú oveľa horšie podporované prehliadačmi, takže ich výsledok sa niekedy líši od očakávaného. Tu je kompatibilita / podpora stavu textu-dekorácie v čase písania článku:

Ďalšie čipy na podčiarknutie

Používatelia začiatočníkov sa často pýtajú na tému nejaké typické otázky, takže sme sa tiež rozhodli zvážiť ich. Celkový príklad je po vysvetlení.

Ako odstrániť podčiarknutý odkaz

a: Hover (text-dekorácia: podčiarknutie;)

Obidve príklady nižšie vám umožňujú pochopiť logiku práce, keď sa vznášate: alebo spočiatku indikujete v referenciách podčiarknutia CSS, a potom ho odstrániť v Hover alebo naopak.

Ak existujú ďalšie otázky na tému, opýtajte sa ich v komentároch. Pokúsime sa zvážiť neskôr alebo navrhnúť odpovede. Hlavnou vecou v tejto veci je prax - skúste pridať rôzne vlastnosti pre možnosť dekorácie textu priamo v príkladoch alebo vytvoriť svoj vlastný testovací súbor. Dúfame, že na predmet textu podčiarknutia a odkazy v CSS / HTML sa stalo jasným.

Podčiarkovník pre blokové prvky ako tag

Môžete stráviť dva. Napríklad čiara pod textom je inštalovaná na celej šírke bloku, bez ohľadu na objem textu. A tiež podčiarknuť len v texte. Ďalej zvážte obe možnosti.

Riadok pod textom na celej šírke bloku

Ak chcete vytvoriť riadok v texte, pridajte vlastnosť pohraničného dna do prvku, jeho hodnota je súčasne hrúbka čiary, jeho štýlu a farbe (príklad 1).

Príklad 1. Linka na celej šírke

HTML5 CSS 2.1 IE CRO OP SA FX

Vzorový text

Vzdialenosť od čiary k textu je možné nastaviť pomocou vlastnosti poliaceho dna pridaním do voliča H1. Výsledok tohto príkladu je znázornený na obr. jeden.

Text podčiarkový

Ak chcete zdôrazniť iba text, musíte použiť vlastnosť textu-decroation s názvom Podsláka, opäť pridaním do voliča H1 (príklad 2).

Príklad 2. Riadok na šírke textu

HTML5 CSS 2.1 IE CRO OP SA FX

Vzorový text

Čierna hlavička priťahuje pozornosť, napriek tomu, že je čierna, nie biela.

Výsledok tohto príkladu je znázornený na obr. 2.

V prípade použitia vlastnosti textu-dekorácie je linka pevne viazaná na text, takže nebude možné určiť jeho polohu a štýl.