Ιδιότητα content του HTML DOM

Ορισμός και χρήση

Η ιδιότητα content ορίζει ποιον χώρο θα εμφανιστούν το κείμενο ή η εικόνα (κύμαρχον) σε ένα άλλο στοιχείο.

Γραμματική:

Object.style.content=value

Πιθανές τιμές

Τιμή Περιγραφή
string Ορίζει το κείμενο.
url Ορίζει την URL.
  • counter(name)
  • counter(name, list-style-type)
  • counters(name, string)
  • counters(name, string, 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>Αυτό είναι μερικό κείμενο. Αυτό είναι μερικό κείμενο. Αυτό είναι μερικό κείμενο.
Αυτό είναι μερικό κείμενο. Αυτό είναι μερικό κείμενο. Αυτό είναι μερικό κείμενο.
Αυτό είναι μερικό κείμενο. Αυτό είναι μερικό κείμενο. Αυτό είναι μερικό κείμενο.</p>
<form>
<input type="button" onclick="setFloatLeft()" value="Ρύθμιση εικόνας για να κολυμπάει στα αριστερά" />
</form>
</body>
</html>

TIY

Ρύθμιση εικόνας για να κολυμπάει στα αριστερά του κειμένου