Ιδιότητα backgroundSize Style

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

backgroundSize Ρύθμιση ή επιστροφή του μεγέθους της εικόνας του φόντου.

Επίσης δείτε:

Στυλ HTMLιδιότητα background

Εκμάθηση CSSCSS Φόντο

Εκμάθηση CSS3CSS3 Φόντο

Εγχειρίδιο CSSη ιδιότητα background-size

παράδειγμα

Ορίζει το μέγεθος της εικόνας του φόντου:

document.getElementById("myDIV").style.backgroundSize = "60px 120px";

δοκιμάστε το προσωπικά

σύνταξη

Επιστρέφει την ιδιότητα backgroundSize:

object.style.backgroundSize

Ορίζει την ιδιότητα backgroundSize:

object.style.backgroundSize = "auto|length|cover|contain|initial|inherit"

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

τιμή περιγραφή
auto προεπιλεγμένη τιμή. Η εικόνα του φόντου περιλαμβάνει το πλάτος και το ύψος της.
length

Ορίζει το πλάτος και το ύψος της εικόνας του φόντου.

Η πρώτη τιμή ορίζει το πλάτος, η δεύτερη το ύψος.

Αν δοθεί μόνο μια τιμή, η δεύτερη θα οριστεί σε "auto".
percentage

Ορίζει το πλάτος και το ύψος της εικόνας του φόντου ως ποσοστό του γονικού στοιχείου.

Η πρώτη τιμή ορίζει το πλάτος, η δεύτερη το ύψος.

Αν δοθεί μόνο μια τιμή, η δεύτερη θα οριστεί σε "auto".
cover

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

Μερικές από τις περιοχές της εικόνας του φόντου μπορεί να μην βρίσκονται στην περιοχή τοποθέτησης του φόντου.
contain Ανεβάστε το μέγεθος της εικόνας στο μέγιστο δυνατό, ώστε το πλάτος και το ύψος να ταιριάζουν στην περιοχή περιεχομένου.
initial Η τιμή αυτής της ιδιότητας θα οριστεί στην προεπιλεγμένη της τιμή. Δείτε επίσης initial.
inherit Καταληφθεί η ιδιότητα από το γονικό στοιχείο. Δείτε επίσης inherit.

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

προεπιλεγμένη τιμή: auto
επιστροφή τιμής: ακολουθία χαρακτήρων που δείχνει το η ιδιότητα background-size.
Έκδοση CSS: CSS3

υποστήριξη περιηγητή

backgroundSize είναι χαρακτηριστικό CSS3 (1999).

πάνες οι περιηγητές υποστηρίζουν το πλήρως:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
υποστήριξη υποστήριξη υποστήριξη υποστήριξη υποστήριξη 11