Vai ai contenuti

LAU



Home > Proprietà CSS2 > Proprietà per i contenuti generati


Proprietà CSS2

Proprietà per i contenuti generati

Tabella riassuntiva e descrittiva delle funzionalità, valori e supporto dei browser relativa alla specifiche dei CSS2 per la gestione dei contenuti generati.

  • 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à Valori IE NN MF
content stringa
url
counter(nome)
counter(nome, list-style-type)
counters(nome, string)
counters( nome, string, list-style-type )
attr(X)
open-quote
close-quote
no-open-quote
no-close-quote
no 6.0 1.0
counter-increment none
<nome>
no no no
counter-reset none
<nome>
no no no
quotes none
stringa stringa
no 6.0 1.0

torna alla lista completa delle proprietà

content

La proprietà content specifica un contenuto che può essere visualizzato prima o dopo un elemento. Usato con gli pseudo-elementi :before e :after.
La proprietà content ammette diversi tipi di valori:

  • string;
  • url;
  • counter (nome), counter (nome, list-style-type), counters (nome, string), counters (name, string, list-style-type);
  • attr(X);
  • open-quote;
  • close-quote;
  • no-open-quote;
  • no-close-quote.
acronym:after, abbr:after{
content:" " url(titolo.gif);
}

In questo esempio tramite l'url è possibile indicare oggetti da utilizzare come contenuto per gli pseudo-elementi :before e :after.
Fornendo come url il riferimento a un'immagine è possibile inserire un'icona. Questo è l'unico caso in cui Internet Explorer supporta i contenuti generati.

Questa proprietà al momento non è supportata da Internet Explorer 6 e precedenti per Windows.

torna alla tabella

counter-increment

La proprietà counter-increment fa avanzare il contatore di una quantità pari a <numero>.

h1.before{
content: 'Capitolo ' counter(Capitolo) '. ';
counter-increment: capitolo;
}
Questa proprietà al momento è supportata solamente dal browser Opera.

torna alla tabella

counter-reset

La proprietà counter-reset inizializza il contatore al valore indicato da <numero>.

h1.before{
content: 'Capitolo ' counter(Capitolo) '. ';
counter-increment: capitolo;
counter-reset: paragrafo;
}
Questa proprietà al momento è supportata solamente dal browser Opera.

torna alla tabella

quotes

La proprietà quotes imposta il tipo di virgolette utilizzato per le citazioni.

q:lang(en){
quotes: '"' '"' "'" "'";
}
Questa proprietà al momento non è supportata 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 ]