Subratllat decoratiu CSS-elements

full d'estil tecnologia té dues funcions en el disseny de pàgines HTML. En primer lloc, amb la seva ajuda, hi ha una posició de formació dels elements individuals del lloc. En segon lloc, fa que les unitats visualment atractiu per a l'usuari. L'aplicació de la segona funció es produeix de moltes maneres. Un d'ells - de subratllat. CSS proporciona per a la decoració d'aquest atribut en text.

registre d'atributs Especificació

Utilitzeu la propietat en text decoració és senzilla. Suficient per registrar en el codi arxiu CSS, la següent línia per a l'article:

Decoració en text: znachenie_atributa;

En lloc de "znachenie_atributa» especificació CSS ofereix una sèrie d'opcions:

• subratllar - línia situada directament sota el text;
• overline - línia s'estén des de la part superior del text;
• Cap - l'eliminació de tots els efectes decoratius;
• heretaran - adopta el valor de l'element pare.

L'anterior no són totes les formes possibles d'enregistrament, ja que aquest atribut especifica no només el guió CSS, però altres efectes, com ara "obrir i tancar" o text ratllat.

Exemples d'hipervincles de disseny

Els principiants en disseny i programació web, sorgeix la pregunta: per què la línia de fons en el text? En les albors de l'era de la tecnologia d'Internet aquest mètode d'assignació d'usuari al fet que davant d'ell és un hipervincle - text, fent clic sobre el qual es durà a terme la transició a una nova pàgina.

Per defecte, la propietat d'hipervincle estableix subratllat. A la pràctica, hi ha un problema per treure la línia de dispositius inactius i fer-la visible quan l'usuari mou el punter del ratolí. Aquest és un exemple de codi que desactiva els enllaços subratllat CSS:

a {text-decoration: none; }

Per als enllaços actius utilitzant la següent entrada:

a: hover {text-decoration: underline;}

subratllat decoratiu per a avançats

atribut estàndard en text decoració té diverses limitacions:

• línia de color diferent al color del text de l'enllaç, és impossible distingir entre el seu "color";
• Només la línia contínua s'utilitza com el caràcter de subratllat. CSS no implica l'ús d'altres estils de la marca.

Però les tècniques de derivació especials ajuden a l'aparença clàssica del text. En el primer cas, per establir un enllaç d'hipertext amb l'etiqueta opcional .

Per exemple: