HTML DOM свойство content

Определение и использование

Свойство content устанавливает, где текст или изображение (плавающее) появляется в другом элементе.

Грамматика:

Object.style.content=value

Возможные значения

Значение Описание
string Определение текстового содержимого.
url Определение url.
  • counter(имя)
  • counter(имя, list-style-type)
  • counters(имя, строка)
  • counters(имя, строка, list-style-type)
 
attr(X) Определение свойств перед или после выбранного выбора.
open-quote  
close-quote  
no-open-quote  
no-close-quote  

Подсказки и комментарии

Примечание:Если для浮动ного элемента в строке не хватает места, этот элемент перебрасывается на следующую строку, и этот процесс продолжается до тех пор, пока не появится строка с достаточным пространством.

Примечание:Содержимое, фон и рамка внутренних элементов должны появляться до浮动ных элементов. Фон и рамка блоковых элементов должны появляться после浮动ных элементов, но содержимое блоковых элементов должно быть перед浮动ными элементами.

Пример

Этот пример устанавливает изображение для浮动 слева:

<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>Это algum texto. Это algum texto. Это algum texto.
Это algum texto. Это algum texto. Это algum texto.
Это algum texto. Это algum texto. Это algum texto.</p>
<form>
<input type="button" onclick="setFloatLeft()" value="Set image to float left" />
</form>
</body>
</html>