Proprietà content dell'HTML DOM
Definizione e utilizzo
L'attributo content imposta dove il testo o l'immagine appare (fluttuante) all'interno di un altro elemento.
Sintassi:
Object.style.content=value
Valori possibili
| Valore | Descrizione |
|---|---|
| string | Definire il contenuto del testo. |
| url | Definire l'URL. |
|
|
| attr(X) | Definire le proprietà degli selettori che precedono o seguono il selettore specificato. |
| open-quote | |
| close-quote | |
| no-open-quote | |
| no-close-quote |
Suggerimenti e note
Nota:Se c'è troppo poco spazio in una riga per un elemento fluttuante, quell'elemento passerà alla riga successiva, e questo processo continuerà fino a quando non ci sarà una riga con sufficiente spazio.
Nota:Il contenuto, lo sfondo e i bordi degli elementi in linea dovrebbero apparire prima degli elementi fluttuanti. Lo sfondo e i bordi degli elementi bloccanti dovrebbero apparire dopo gli elementi fluttuanti, ma il contenuto degli elementi bloccanti dovrebbe apparire prima degli elementi fluttuanti.
Esempio
Questo esempio imposta l'immagine a flusso a sinistra:
<html>
<head>
<script type="text/javascript">
funzione setFloatLeft()
{
document.getElementById("img1").style.cssFloat="left";
}
</script>
</head>
<body>
<img id="img1" src="logocss.gif" width="95" height="84" />
<p Questo è del testo. Questo è del testo. Questo è del testo.
Questo è del testo. Questo è del testo. Questo è del testo.
Questo è del testo. Questo è del testo. Questo è del testo.</p>
<form>
<input type="button" onclick="setFloatLeft()" value="Impostare l'immagine a flusso a sinistra" />
</form>
</body>
</html>
