Propriété content du DOM HTML

Définition et utilisation

La propriété content positionne le texte ou l'image (flottant) où il apparaît dans un autre élément.

Syntaxe :

Object.style.content=value

Valeurs possibles

Valeur Description
string Définir le contenu texte.
url Définir l'URL.
  • counter(name)
  • counter(name, list-style-type)
  • counters(name, string)
  • counters(name, string, list-style-type)
 　
attr(X) Définir les attributs des sélecteurs avant ou après celui-ci.
open-quote 　
close-quote 　
no-open-quote 　
no-close-quote 　

Avis et remarques

Remarque :Si il n'y a pas assez d'espace sur une ligne pour un élément flottant, cet élément sautera à la ligne suivante, ce processus se poursuivra jusqu'à ce qu'il y ait suffisamment d'espace sur une ligne.

Remarque :Le contenu, le fond et les bords des éléments en ligne doivent apparaître avant les éléments flottants. Le fond et les bords des éléments en bloc doivent apparaître après les éléments flottants, mais le contenu des éléments en bloc doit apparaître avant les éléments flottants.

Exemple

Exemple de ce qui suit : l'image est configurée pour flotter à gauche :

<html>
<head>
<script type="text/javascript">
function setFloatLeft()
{
document.getElementById("img1").style.cssFloat="left";
}
</script>
</head>
<body>
<img id="img1" src="logocss.gif" width="95" height="84" />
<p>Ceci est un texte. Ceci est un texte. Ceci est un texte.
Ceci est un texte. Ceci est un texte. Ceci est un texte.
Ceci est un texte. Ceci est un texte. Ceci est un texte.</p>
<form>
<input type="button" onclick="setFloatLeft()" value="Déplacer l'image à flotter à gauche" />
</form>
</body>
</html>

TIY

Configurer l'image pour flotter à gauche du texte