Elemente-CSS subliniere decorative

Tehnologia stylesheet are două funcții în proiectarea HTML-pagini. În primul rând, cu ajutorul ei, există o poziție de formare a elementelor individuale ale site-ului. În al doilea rând, face unitățile de vedere vizual pentru utilizator. Punerea în aplicare a doua funcție are loc în mai multe moduri. Unul dintre ei - subliniere. CSS prevede decorarea acest atribut Textul-.

Specificații înregistrare atribut

Utilizați text- proprietate decor este simplu. Suficient să se înregistreze în codul de fișier CSS, următoarea linie pentru elementul:

decorare text-: znachenie_atributa;

În loc de „znachenie_atributa» caietul de sarcini CSS oferă un număr de opțiuni:

• subliniază - linia situat direct sub textul;
• overline - line se execută din partea de sus a textului;
• nici unul - înlăturarea tuturor efectelor decorative;
• moștenesc - adoptă valoarea elementului mamă.

Cele de mai sus nu sunt toate formele posibile de înregistrare, deoarece acest atribut specifica nu numai subliniere CSS, dar alte efecte, cum ar fi „clipit“ sau un text tăiat cu o linie.

Exemple de hyperlink-uri de design

Începătorii în web design și programare, se ridică întrebarea: de ce linia de jos în text? La începutul epocii de tehnologie de internet această metodă de alocare a utilizatorului asupra faptului că în fața lui este un hyperlink - text, făcând clic pe care se va efectua trecerea la o nouă pagină.

În mod implicit, Hyperlink proprietate set subliniere. În practică, există o problemă de a elimina linia de dispozitive inactive și face vizibil ca utilizatorul deplasează cursorul mouse-ului. Aici este un exemplu de cod care dezactivează link-urile de subliniere CSS:

{text-decoration: none; }

Pentru link-uri active, utilizând următoarea intrare:

a: hover {text-decor: subliniat;}

subliniere decorative pentru avansate

atribut standard text- decorare are mai multe limitări:

• culoare linie diferită de culoarea textului link-ul, este imposibil să se facă distincția între „colorarea“ lor;
• Numai linia de solid este utilizat ca subliniere. CSS nu implică utilizarea altor stiluri ale mărcii.

Dar, tehnici speciale de ajutor de by-pass aspectul clasic al textului. În primul caz, pentru a stabili un hyperlink folosind tag - ul opțional .

De exemplu: