CSS float ιδιότητα

  • προηγούμενη σελίδα flex-wrap
  • Επόμενη σελίδα font

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

Η ιδιότητα float καθορίζει την κατεύθυνση κίνησης του στοιχείου. Παλαιότερα αυτή η ιδιότητα χρησιμοποιείτο συχνά για εικόνες, ώστε το κείμενο να περιβάλλει την εικόνα, αλλά στη CSS οποιοδήποτε στοιχείο μπορεί να κινείται.

Αν το στοιχείο κίνησης είναι αντικαταστάτης, πρέπει να καθοριστεί μια σαφής διάσταση; αλλιώς, θα είναι όσο το δυνατόν πιο στενό.

Σημείωση:Αν υπάρχει πολύ λίγο χώρος σε μια γραμμή για το στοιχείο κίνησης, αυτό το στοιχείο θα πηδήξει στην επόμενη γραμμή και αυτό θα συνεχιστεί μέχρι να υπάρξει αρκετός χώρος σε μια γραμμή.

Δείτε επίσης:

Εκμάθηση CSS:Θέση CSS

Εγχειρίδιο HTML DOM:Ιδιότητα cssFloat

Παράδειγμα

Κάντε την εικόνα να κινείται προς τα δεξιά:

img
  {
  float:right;

Προσωπική δοκιμή

Γλώσσα γραφής CSS

float: none|left|right|initial|inherit;

Τιμή της ιδιότητας

Τιμή Περιγραφή
left Το στοιχείο κινείται προς τα αριστερά.
right Το στοιχείο κινείται προς τα δεξιά.
none Προεπιλεγμένη τιμή. Το στοιχείο δεν κινείται και εμφανίζεται στην τοποθεσία όπου εμφανίζεται το κείμενο.
inherit Καθορίζει ότι η τιμή της ιδιότητας float πρέπει να κληρονομηθεί από το γονικό στοιχείο.

Τεχνικά λεπτομέρειες

Προεπιλεγμένη τιμή: none
Κληρονομικότητα: no
Έκδοση: CSS1
Γλώσσα γραφής JavaScript: object.style.cssFloat="left"

Προσωπική δοκιμή

Απλή εφαρμογή της ιδιότητας float
Κάντε την εικόνα να κινείται προς τα δεξιά από ένα παράγραφο
Κάντε την εικόνα με περιγράμματα και κρατήρες να κινείται προς τα δεξιά από το παράγραφο
Κάντε την εικόνα να κινείται προς τα δεξιά από το παράγραφο. Προσθέστε περιγράμματα και κρατήρες στην εικόνα.
Η εικόνα με τίτλο κινείται προς τα δεξιά
Κάντε την εικόνα με τίτλο να κινείται προς τα δεξιά
Κάντε την πρώτη λέξη του παραγράφου να κινείται προς τα αριστερά
Κάντε την πρώτη λέξη του παραγράφου να κινείται προς τα αριστερά και προσθέστε στυλ σε αυτήν τη λέξη.
Δημιουργία οριζόντιου μενού
Χρησιμοποιώντας την κίνηση προς τα αριστερά με ένα σύνδεσμο για τη δημιουργία ενός οριζόντιου μενού.
Δημιουργία πρώτης σελίδας χωρίς τάβλη
Χρησιμοποιώντας την κίνηση προς τα αριστερά για τη δημιουργία της πρώτης σελίδας με κεφαλίδα, πέλτα και περιεχόμενο του κύριου κειμένου.

Υποστήριξη του προγράμματος περιήγησης

Τα αριθμήματα στην τάβλη αναφέρουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως αυτήν την ιδιότητα.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0
  • προηγούμενη σελίδα flex-wrap
  • Επόμενη σελίδα font