Sobes.tech
Junior

Ποιες είναι οι τιμές που υπάρχουν για την ιδιότητα background-size;

sobes.tech AI

Απάντηση από AI

auto, contain, cover, <length>, <percentage>.

  • auto: Η εικόνα διατηρεί τις αρχικές αναλογίες της.
  • contain: Αλλάζει το μέγεθος της εικόνας, διατηρώντας τις αναλογίες, ώστε να χωράει πλήρως μέσα στο στοιχείο.
  • cover: Αλλάζει το μέγεθος της εικόνας, διατηρώντας τις αναλογίες, ώστε να καλύψει πλήρως το στοιχείο. Η εικόνα μπορεί να κοπεί.
  • <length>: Ορίζει ρητά το πλάτος και/ή το ύψος της εικόνας σε μονάδες μήκους (π.χ., px, em, rem). Μπορείτε να ορίσετε μία ή δύο τιμές.
  • <percentage>: Ορίζει ρητά το πλάτος και/ή το ύψος της εικόνας ως ποσοστό του μεγέθους του στοιχείου. Μπορείτε να ορίσετε μία ή δύο τιμές.

Αν δοθεί μόνο μία τιμή, αυτή ορίζει το πλάτος και το ύψος υπολογίζεται αυτόματα για να διατηρηθούν οι αναλογίες. Αν δοθούν δύο τιμές, η πρώτη ορίζει το πλάτος και η δεύτερη το ύψος.