Atrybut content w DOM HTML

Definicja i zastosowanie

Atrybut content ustawia tekst lub obraz, który pojawia się (pływająco) w innym elemencie.

Gramatyka:

Object.style.content=value

Możliwe wartości

Wartość Opis
string Definiuje treść tekstu.
url Definiuje adres URL.
  • counter(name)
  • counter(name, list-style-type)
  • counters(name, string)
  • counters(name, string, list-style-type)
 　
attr(X) Definiuje atrybuty dla selektorów umieszczonych przed lub po wybranym selektorze.
open-quote 　
close-quote 　
no-open-quote 　
no-close-quote 　

Wskazówki i komentarze

Komentarz:Jeśli w jednym wierszu jest zbyt mało miejsca dla elementów pływających, element ten przejdzie do kolejnego wiersza, a ten proces będzie trwał do momentu, gdy pojawi się wiersz z wystarczającą ilością miejsca.

Komentarz:Zawartość, tło i ramka elementów wewnętrznych powinny pojawiać się przed elementami pływającymi. Tło i ramka elementów blokowych powinny pojawić się po elementach pływających, ale zawartość elementów blokowych powinna być przed elementami pływającymi.

Przykład

Ten przykład ustawia obraz jako płynący w lewo:

<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>To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.
To jest jakiś tekst. To jest jakiś tekst. To jest jakiś tekst.</p>
<form>
<input type="button" onclick="setFloatLeft()" value="Ustaw obraz jako płynący w lewo" />
</form>
</body>
</html>

TIY

Ustawienie obrazu jako płynącego w lewo