Θέση στοιχείων
Η θέση ενός στοιχείου προσδιορίζεται από τις παρακάτω ιδιότητες:
Ιδιότητα |
Τιμές |
Περιγραφή |
bottom |
Αριθμός σε pixel ή ποσοστό |
Ορίζει την απόσταση της κάτω πλευράς του στοιχείου από το γονέα του. Πρέπει ο γονέας του να έχει position: absolute |
clear |
both none left right |
Απενεργοποιεί τη δυνατότητα άλλων στοιχείων να εμφανιστούν δίπλα στο συγκεκριμένο (δηλαδή την ιδιότητα float) both = απενεργοποιεί και την αριστερή και τη δεξιά πλευρά none = το float ισχύει κανονικά left = δεν εμφανίζεται άλλο στοιχείο στα αριστερά right = δεν εμφανίζεται άλλο στοιχείο στα δεξιά |
clip |
rect(top right bottom left) |
Ορίζει την ορθογώνια επιφάνεια του στοιχείου που θα εμφανίζεται |
float |
left right none |
'Σπρώχνει' ένα αντικείμενο τέρμα αριστερά ή τέρμα αριστερα στον επιτρεπόμενο χώρο. Τα επόμενα αντικείμενα εμφανίζονται δίπλα (εφόσον έχουν χώρο). left = το αντικείμενο εμφανίζεται τέρμα αριστερά right = το αντικείμενο εμφανίζεται τέρμα δεξιά none = το αντικείμενο εμφανίζεται στην κανονική του θέση |
left |
Αριθμός σε pixel ή ποσοστό |
Ορίζει την απόσταση αριστερής πλευράς του στοιχείου από το γονέα του. Πρέπει ο γονέας του να έχει position: absolute |
overflow |
visible hidden scroll |
Ορίζει τον τρόπο που θα εμφανιστεί ένα στοιχείο όταν το περιεχόμενό του υπερβαίνει τις διαστάσεις του. visible = το επιπλέον περιεχόμενο εμφανίζεται κανονικά hidden = το επιπλέον περιεχόμενο δεν εμφανίζεται scroll = το στοιχείο εμφανίζει μπάρα κύλισης για να μετακινεί ο χρήστης το περιεχόμενο |
position |
static relative absolute fixed |
Ορίζει τον τρόπο τοποθέτησης ενός στοιχείου. static = το στοιχείο τοποθετείται σύμφωνα με την κανονική ροή των στοιχείων (προκαθορισμένη επιλογή) relative = το στοιχείο τοποθετείται όσα pixel του δηλώσουμε με τα left, right, top, bottom σχετικά με την κανονική του θέση absolute = ορίζει την ακριβή θέση τοποθέτησης του στοιχείου στον browser ανεξάρτητα από την κανονική του θέση |
right |
Αριθμός σε pixel ή ποσοστό |
Ορίζει την απόσταση της δεξιάς πλευράς του στοιχείου από το γονέα του. Πρέπει ο γονέας του να έχει position: absolute |
top |
Αριθμός σε pixel ή ποσοστό |
Ορίζει την απόσταση του της πάνω πλευράς του στοιχείου από το γονέα του. Πρέπει ο γονέας του να έχει position: absolute |
z-index |
Αριθμός |
Αν ένα στοιχείο επικαλύπτει ένα άλλο, θα φαίνεται σε πρώτο πλάνο εκείνο που έχει μεγαλύτερο z-index. |