HTML DOM propiedad content

Definición y uso

La propiedad content establece dónde aparece el texto o la imagen (flotante) dentro de otro elemento.

Sintaxis:

Object.style.content=value

Valores posibles

Valor Descripción
string Definir el contenido de texto.
url Definir la url.
  • counter(name)
  • counter(name, list-style-type)
  • counters(name, string)
  • counters(name, string, list-style-type)
 　
attr(X) Definir las propiedades del selector que se muestra antes o después de este selector.
open-quote 　
close-quote 　
no-open-quote 　
no-close-quote 　

Consejos y notas

Notas:Si hay poco espacio en una línea para los elementos flotantes, este elemento saltará a la siguiente línea, y este proceso continuará hasta que haya suficiente espacio en una línea.

Notas:El contenido, el fondo y los bordes de los elementos en línea deben aparecer antes de los elementos flotantes. El fondo y los bordes de los elementos de nivel de bloque deben aparecer después de los elementos flotantes, pero el contenido de los elementos de nivel de bloque debe estar antes de los elementos flotantes.

Ejemplo

Este ejemplo configura la imagen flotando a la izquierda:

<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>Este es algún texto. Este es algún texto. Este es algún texto.
Este es algún texto. Este es algún texto. Este es algún texto.
Este es algún texto. Este es algún texto. Este es algún texto.</p>
<form>
<input type="button" onclick="setFloatLeft()" value="Establecer la imagen para flotar a la izquierda" />
</form>
</body>
</html>

TIY

Configurar la imagen flotando a la izquierda del texto