Η ιδιότητα CSS padding-top
- Προηγούμενη σελίδα padding-right
- Επόμενη Σελίδα @page
Ορισμός και χρήση
Η ιδιότητα properties.paddingTop ορίζει την επάνω εσωτερική απόσταση του στοιχείου (χώρο)
Επεξήγηση
Η ιδιότητα αυτή ορίζει το πλάτος της επάνω εσωτερικής αποστάσεως του στοιχείου. Η επάνω εσωτερική απόσταση ενός inline non-replaced στοιχείου δεν επηρεάζει τον υπολογισμό της ύψους γραμμής, οπότε, αν ένα στοιχείο έχει και περιθώρια και φόντο, μπορεί να φαίνεται ότι επεκτείνεται σε άλλες γραμμές και μπορεί να επικαλύπτεται με άλλο περιεχόμενο. Δεν επιτρέπεται η χρήση αρνητικών τιμών για την εσωτερική απόσταση.
Σημειώσεις:Δεν επιτρέπεται η χρήση αρνητικών τιμών.
Δείτε επίσης:
Εκμάθηση CSS:CSS Εσωτερικό Χώρο
Εγχειρίδιο HTML DOM:Αξία properties.paddingTop
Παράδειγμα
Ρύθμιση της επάνω εσωτερικής αποστάσεως του στοιχείου p:
p
{
padding-top:2cm;
}
Βρείτε περισσότερα παραδείγματα στο κάτω μέρος της σελίδας.
Γλώσσα CSS
padding-top: length|initial|inherit;
Τιμή ιδιότητας
| Τιμή | Περιγραφή |
|---|---|
| length | Ορίζει μια σταθερή επάνω εσωτερική απόσταση με συγκεκριμένη μονάδα, όπως pixels, εκατοστά κ.λπ. Η προεπιλεγμένη τιμή είναι 0px. |
| % | Ορίζει την επάνω εσωτερική απόσταση ως ποσοστό της πλάτους του γονικού στοιχείου. Αυτή η τιμή μπορεί να μην λειτουργήσει όπως αναμένεται σε όλους τους περιηγητές. |
| inherit | Ορίζει ότι η επάνω εσωτερική απόσταση πρέπει να κληρονομηθεί από το γονικό στοιχείο. |
Τεχνικά λεπτομέρειες
| Προεπιλεγμένη τιμή: | 0 |
|---|---|
| Προσέγγιση: | no |
| Έκδοση: | CSS1 |
| Γλώσσα JavaScript: | object.style.paddingTop="10px" |
Προσωπική δοκιμή παράδειγματος
- Ρύθμιση επάνω εσωτερικής αποστάσεως 1
- Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιήσετε το εκατομμύριοι εκατοστά για να ρυθμίσετε την επάνω εσωτερική απόσταση της κελίου.
- Ρύθμιση επάνω εσωτερικής αποστάσεως 2
- Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιήσετε το ποσοστό για να ρυθμίσετε την επάνω εσωτερική απόσταση της κελίου.
Υποστήριξη περιηγητή
Τα αριθμήματα στην τаблицή περιγράφουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως αυτή την ιδιότητα.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- Προηγούμενη σελίδα padding-right
- Επόμενη Σελίδα @page
