Vai ai contenuti

LAU



Home > Proprietà CSS2 > Proprietà per gli pseudo-elementi


Proprietà CSS2

Proprietà per gli pseudo-elementi

Tabella riassuntiva e descrittiva delle funzionalità, valori e supporto dei browser relativa alla specifiche dei CSS2 per la gestione degli pseudo-elementi.

  • NN: indica da quale versione di Netscape Navigator viene supportata la proprietà.
  • IE: indica da quale versione di Internet Explorer viene supportata la proprietà.
  • MF: indica da quale versione di Mozilla Firefox viene supportata la proprietà.
Proprietà IE NN MF
:first-letter 5.0 8.0 1.0
:first-line 5.0 8.0 1.0
:before - 7.0 1.0
:after - 7.0 1.0

Esempi dimostrativi delle funzionalità di alcune proprietà per gli pseudo-elementi:

torna alla lista completa delle proprietà

:first-letter

Lo pseudo-elemento :first-letter consente di dare uno stile speciale alla prima lettera di testo.

p.nomeclasse:first-letter{
font-size: 2em;
}

In questo esempio la prima lettera dell'elemento p.nomeclasse sarà dimensionata in 2em.

torna alla tabella

:first-line

Lo pseudo-elemento :first-line consente di dare uno stile speciale alla prima linea di testo.

p:first-line{
color: blue; 
}

In questo esempio la prima linea dell'elemento del paragrafo sarà di colore blu.

torna alla tabella

:before

Lo pseudo-elemento :before può essere utilizzato per inserire del contenuto prima di un elemento.

a:before{ 
content: " [" attr(href) "] "; 
}
Lo pseudo-elemento :before al momento non è supportato da Internet Explorer 6 e precedenti per Windows.

torna alla tabella

:after

Lo pseudo-elemento :after può essere utilizzato per inserire del contenuto dopo di un elemento.

a:after{ 
content: " [" attr(href) "] "; 
}
Lo pseudo-elemento :after al momento non è supportato da Internet Explorer 6 e precedenti per Windows.

torna alla tabella

[ Torna all’inizio della pagina ]



Sito realizzato dal Laboratorio di Accessibilità e Usabilità del CSI-Piemonte - Privacy, cookies e accessibilità

[ Torna all’inizio della pagina ]