HTML DOM content özelliği

Tanım ve kullanım

Content özelliği, metin veya görselin, bir başka element içinde (yüzen) nerede görüneceğini ayarlar.

Gramer:

Object.style.content=value

Olası değerler

Değer Açıklama
string Metin içeriğini tanımlar.
url URL'yi tanımlar.
  • counter(name)
  • counter(name, list-style-type)
  • counters(name, string)
  • counters(name, string, list-style-type)
 　
attr(X) Önce veya sonra belirtilen seçicinin özelliklerini tanımlar.
open-quote 　
close-quote 　
no-open-quote 　
no-close-quote 　

İpuçları ve açıklamalar

Açıklama:Bir satırda yüzen element için yeterli alan yoksa, bu element bir sonraki satıra atlanır ve bu süreç, yeterli alanın olduğu bir satıra kadar devam eder.

Açıklama:İçerik, arka plan ve kenar çizgileri, yüzen elementler öncesinde görünmelidir. Blok elementlerinin arka plan ve kenar çizgileri, yüzen elementler ardından görünmelidir, ancak blok elementlerinin içeriği yüzen elementler öncesinde olmalıdır.

Örnek

Bu örnek, görseli sol konumda kaydırır:

<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>Bu bazı metindir. Bu bazı metindir. Bu bazı metindir.
Bu bazı metindir. Bu bazı metindir. Bu bazı metindir.
Bu bazı metindir. Bu bazı metindir. Bu bazı metindir.</p>
<form>
<input type="button" onclick="setFloatLeft()" value="Görseli sol konumda kaydır" />
</form>
</body>
</html>

TIY

Görseli metnin solundaki konumda kaydır