Ornamaj substreko CSS-elementoj

Teknologio stilfolio havas du funkciojn en la dezajno de HTML-paĝoj. Unue, kun lia helpo, estas formado pozicio de la individuaj elementoj de la ejo. Dua, ĝi igas la unuoj vide alloga por la uzanto. Efektivigo de la dua funkcio okazas en multaj manieroj. Unu el ili - substreki. CSS provizas por tiu eco text- dekoracio.

Specifo eco rekordon

Uzu text- dekoracio proprieto estas simpla. Sufiĉe por enskribi en la CSS-dosiero kodo, la sekva linio de la elemento:

text- dekoracio: znachenie_atributa;

Anstataŭ "znachenie_atributa» especificación CSS proponas kelkajn eblojn:

• substreki - linio situas rekte sub la teksto;
• overline - linio kuras de la supro de la teksto;
• neniu - la forigo de ĉiuj ornamaj efektoj;
• heredas - adoptas la valoro de la patro elemento.

La pli supre estas ne ĉiuj eblaj formoj de registrado, kiel tiu eco specifas ne nur la CSS substreko, sed aliaj efikoj, kiel ekzemple "blink" aŭ forstrekita teksto.

Ekzemploj de dezajno hiperligiloj

Komencantoj en dezajno retejo kaj programado, la demando ŝprucas: kial la fundo linio en la teksto? Ĉe la tagiĝo de la erao de interreto teknologio tiu metodo de atribuo de la uzanto al la fakto, ke antaŭ li estas hiperligilo - teksto, klakante sur kiu estos efektivigita la transiron al nova paĝo.

Defaŭlte, hiperligilo proprieto metita underline. Praktike, estas problemo por forigi la linion de neaktiva aparatoj kaj igi ĝin videbla kiel la uzanto movas la muskursoron. Ĉi tie estas ekzemplo de kodo kiu preventas la substreko CSS ligiloj:

a {teksto-dekoracio: neniu; }

Por aktiva ligiloj uzante la sekvan eniron:

a: ŝvebado {teksto-dekoracio: substreki;}

Ornamaj substreko por progresantoj

Norma eco text- dekoracio havas plurajn limigojn:

• linio koloro diferenca de la koloro de la ligilo, estas neeble distingi inter ilia "kolorigo";
• Nur la solida linio estas uzita kiel la substreko. CSS ne implikas la uzon de aliaj stiloj de la marko.

Sed specialaj teknikoj helpi pretervojo la klasika rigardo de la teksto. En la unua kazo, por agordi hiperligilo uzante la nedeviga etikedo .

Ekzemple: