CSS/Contenuto generato: differenze tra le versioni

**'''no-open-quote''' o '''no-close-quote''': non mostra virgolette ma aumenta il livello di indentazione

Questa proprietà è usata soprattutto con le pseudoclassi :before e :after, ad esempio in questo modo:

body:after {

content: 'The end';

}

imposta il contenuto finale del corpo della pagina. Le pseudoclassi :before e :after non sono però supportate correttamente da IE.

 

{{IndexItem|quotes}}

Per specificare i diversi tipi di virgolette da usare per i diversi livelli di indentazione usiamo la proprietà '''quotes''' la cui sintassi è:

Per spiegare l'uso facciamo un esempio:

/* questo è lo stile */

p { quotes: '<<' '>>' '"' '"'; }

blockquote:before { content: open-quote; }

blockquote:after { content: close-quote; }

<!-- nell'HTML -->

<p>Luigi disse:

Questo è quello che disse Luigi.

</p>

che fornisce come output:

<p>Luigi disse:

{{IndexItem|counter-increment}}{{IndexItem|counter-reset}}{{IndexItem|counter}}

CSS permette inoltre di generare automaticamente contenuti numerati. Per fare ciò è possibile usare due proprietà:

counter-reset: <nome1> <valore1> <nome2> <valore2> <nome''n''> <valore''n''>

La prima proprietà resetta il contatore chiamato <code><nome''n''></code> al valore <code><valore''n''></code>. Se omesso il valore, il contatore viene impostato a 0. La seconda proprietà incrementa il valore del contatore chiamato <code><nome''n''></code> di <code><valore''n''></code> posizioni. Se omesso il valore, il contatore viene incrementato di 1.

 

Per accedere al valore corrente del contatore si usa la funzione

dove <code>&lt;nome></code> è il nome del contatore e <code>&lt;stile></code> è lo stile del contatore (funziona in maniera identica alla proprietà <code>list-style-type</code>.

 

Vediamo un esempio per chiarire il concetto:

/*nel foglio di stile*/

body { counter-reset: capitolo; }

counter-increment: sezione;/* incrementa la sezione */

}

<!-- nel codice html -->

<h1>La pagina</h1>

<h2>Il tag font</h2>

<p>...</p>

 

produrrà come output