Η ιδιότητα συμπλήρωσης καθορίζει το διάστημα μεταξύ του περιγράμματος του στοιχείου και των περιεχομένων του στοιχείου.
Αυτή η ιδιότητα μπορεί να λάβει 4 τιμές:
•Εάν έχει καθοριστεί μία τιμή, όπως div {padding: 50px} - και οι τέσσερις πλευρές της αναπλήρωσης είναι 50 px.
•Εάν έχουν καθοριστεί δύο τιμές, όπως div {padding: 50px 10px} - η άνω και κάτω αναπλήρωση είναι 50 px και η αριστερή και η δεξιά αναπλήρωση είναι 10 px.
•Εάν καθορίσετε τρεις τιμές, όπως div {padding: 50px 10px 20px} - η άνω και η κάτω αναπλήρωση είναι 50 px, η αριστερή και η δεξιά αναπλήρωση είναι 10 px και η κάτω αναπλήρωση είναι 20 px.
•Εάν καθορίσετε τέσσερις τιμές, όπως div {padding: 50px 10px 20px 30px} - η επάνω αναπλήρωση είναι 50 px, η δεξιά αναπλήρωση είναι 10 px, η κάτω αναπλήρωση είναι 20 px και η αριστερή αναπλήρωση είναι 30 px.
Το περιθώριο CSS DIV αναφέρεται στο περιθώριο λέξης του χαρακτηριστικού CSS, το περιθώριο είναι το περιθώριο που ορίζει τις τέσσερις πλευρές του αντικειμένου, χωρίς χρώμα φόντου και χωρίς χρώμα.
1. Σύνταξη περιθωρίου
Margin:10px
Η τιμή του περιθωρίου είναι ένας αριθμός + μονάδα html και μπορεί επίσης να είναι αυτόματη (αυτόματη, προσαρμοστική)
2. Δομή εφαρμογής
Div{περιθώριο:10px}
Ορισμός του αντικειμένου div σε απόσταση 10 εικονοστοιχείων
3. Περιγραφή του περιθωρίου
περιθώριο είναι η απόσταση μεταξύ του εξωτερικού άκρου του αντικειμένου και του επιταξιακού άκρου.
Υπάρχουν τρεις περιπτώσεις στις οποίες η τιμή του περιθωρίου μπορεί να είναι ένας θετικός ακέραιος και ένας αρνητικός ακέραιος και να προσθέσετε μια μονάδα όπως εικονοστοιχεία PX (περιθώριο-αριστερά: 20 εικονοστοιχεία). Το auto μπορεί να χρησιμοποιηθεί ως αυτόματο χαρακτηριστικό (περιθώριο-αριστερά: auto auto). Μπορεί να είναι μια ποσοστιαία τιμή (%) (περιθώριο αριστερά: 3%).
Επέκταση περιθωρίου (ορίστε ξεχωριστά τη λέξη του χαρακτηριστικού απόστασης τεσσάρων όψεων)
περιθώριο-αριστερό αντικείμενο αριστερό περιθώριο (περιθώριο-αριστερά:5px; Απόσταση αριστερής επέκτασης 5px)
margin-right Το δεξιό περιθώριο του αντικειμένου (margin-right:5px; Δεξιά απόσταση επέκτασης 5 εικονοστοιχεία)
αντικείμενο margin-top (margin-top:5px; Ανώτερη Επιταξιακή Απόσταση 5px)
αντικείμενο margin-bottom (margin-bottom:5px; Χαμηλότερη επιταξιακή απόσταση 5px)
|
Δημοσιεύτηκε στις 30/10/2014 4:21:55 μ.μ.
|
|
|
