Επιλογές πίνακα παρασκηνίου στον πίνακα ιδιοτήτων CSS του Dreamweaver

Χρησιμοποιώντας τον πίνακα φόντου στον πίνακα σχεδιασμού CSS του Dreamweaver, μπορείτε να καθορίσετε ένα χρώμα φόντου ή εικόνα για ένα στυλ — και να ελέγξετε τον τρόπο εμφάνισης του φόντου στη σελίδα. Μπορείτε να χρησιμοποιήσετε ρυθμίσεις στυλ φόντου για οποιοδήποτε στοιχείο της ιστοσελίδας σας που μπορεί να εμφανίσει φόντο — συμπεριλαμβανομένων των ,

, επικεφαλίδες και ετικέτες εικόνας.

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

ετικέτα.

Συμπεριλαμβάνοντας το φόντο στην τάξη ή το στυλ ταυτότητας του α

ετικέτα, μπορείτε να περιορίσετε το φόντο ώστε να εμφανίζεται στην οθόνη μόνο όπου

χρησιμοποιείται ετικέτα. Σημειώστε ότι η επιλογή Φόντο λειτουργεί με μια εικόνα μόνο εάν ορίσετε πρώτα ένα περιθώριο γύρω από την εικόνα.

Μπορείτε να επιλέξετε από αυτές τις επιλογές φόντου:

• Χρώμα φόντου: Καθορίστε το χρώμα φόντου ενός καθορισμένου στυλ χρησιμοποιώντας μία από τις διάφορες μεθόδους. Μπορείτε να κάνετε καλά κλικ στο χρώμα και να επιλέξετε ένα προκαθορισμένο χρώμα ή να δημιουργήσετε ένα προσαρμοσμένο χρώμα. Ή χρησιμοποιήστε το σταγονόμετρο για να δοκιμάσετε οποιοδήποτε χρώμα στην οθόνη. Τέλος, μπορείτε να εισαγάγετε έναν δεκαεξαδικό κωδικό χρώματος — φροντίστε να συμπεριλάβετε το #, όπως στο #000000 για το μαύρο χρώμα ή στο #ffffff για το λευκό χρώμα.

• Φόντο-Εικόνα: Επιλέξτε μια εικόνα που θα χρησιμεύσει ως φόντο στον ορισμό του στυλ σας. Εισαγάγετε οποιαδήποτε διεύθυνση URL σε μια εικόνα στον υπολογιστή σας ή στο Διαδίκτυο ή κάντε κλικ στο εικονίδιο του φακέλου για να περιηγηθείτε στον σκληρό σας δίσκο και να επιλέξετε μια εικόνα.

• Background-Position: Καθορίστε τη θέση της εικόνας φόντου από αριστερά και πάνω από το γονικό στοιχείο εισάγοντας έναν αριθμό σε κάθε πεδίο. Αυτή η επιλογή είναι ορατή μόνο εάν κάνετε κλικ στο μικρό βέλος δίπλα στο πεδίο διεύθυνσης URL στην ενότητα Φόντο για να εμφανιστούν τα πρόσθετα πεδία που ακολουθούν.

• Μέγεθος: Επιλέξτε τη μέτρηση σε pixel, ems ή άλλη επιλογή και, στη συνέχεια, εισαγάγετε το μέγεθος που θέλετε για το φόντο. Αφήνοντας το πεδίο Μέγεθος σε αυτόματο (η προεπιλογή) εμφανίζεται η εικόνα στο πραγματικό μέγεθος.

• Background-clip: Καθορίστε εάν το φόντο αρχίζει το περίγραμμα, το padding ή το περιεχόμενο ενός στοιχείου πλαισίου, όπως ένα

  ετικέτα.

• Background-Repeat: Κάντε κλικ στο αντίστοιχο εικονίδιο για να καθορίσετε πώς και εάν η εικόνα φόντου θα επαναλαμβάνεται ή θα γίνεται πλακίδια, κατά μήκος και κάτω από τη σελίδα. Οι εικόνες φόντου είναι πλακίδιο από προεπιλογή, επομένως πρέπει να επιλέξετε μια επιλογή εάν δεν θέλετε να επαναλαμβάνεται το φόντο σας ή θέλετε να καθορίσετε πώς θα επαναλαμβάνεται.

  Σημειώστε επίσης ότι εάν η εικόνα είναι μεγαλύτερη από το στοιχείο στο οποίο εφαρμόζεται, θα είναι ορατή μόνο όση ποσότητα της εικόνας χωράει στην περιοχή εμφάνισης του στοιχείου. Για παράδειγμα, εάν χρησιμοποιείτε μια εικόνα πλάτους 600 pixel ως φόντο του α

  ετικέτα που έχει οριστεί σε πλάτος 300 pixel, μόνο η μισή εικόνα θα είναι ορατή.

  Οι επιλογές επανάληψης, που παρατίθενται με σειρά εμφάνισης των εικονιδίων τους, ακολουθούν:

  • Κληρονόμηση: Αν δεν επιλεγεί άλλη επιλογή, κάθε στοιχείο κληρονομεί τη συμπεριφορά του γονικού του στοιχείου. Αυτή η προεπιλεγμένη επιλογή δεν χρειάζεται να καθοριστεί.

  • Επανάληψη: Η εικόνα φόντου επαναλαμβάνεται κάθετα και οριζόντια στο φόντο του στοιχείου.

  • Repeat-X: Το φόντο επαναλαμβάνεται οριζόντια, αλλά όχι κάθετα, στο φόντο του στοιχείου.

  • Repeat-Y: Το φόντο επαναλαμβάνεται κάθετα, αλλά όχι οριζόντια, στο φόντο του στοιχείου.

  • Χωρίς επανάληψη: Το φόντο εμφανίζεται μία φορά στο επάνω αριστερό μέρος του στοιχείου.

  • Προέλευση: Καθορίστε εάν η προέλευση του φόντου ξεκινά από το περίγραμμα, το padding ή το περιεχόμενο ενός στοιχείου πλαισίου, όπως

    ετικέτα.

• Συνημμένο: Προσδιορίστε πώς συμπεριφέρεται το φόντο κατά την κύλιση της σελίδας. Οι επιλογές είναι

  • Κληρονόμηση: Αν δεν επιλεγεί άλλη επιλογή, κάθε στοιχείο κληρονομεί τη συμπεριφορά του γονικού του στοιχείου. Αυτή είναι μια προεπιλεγμένη επιλογή και δεν χρειάζεται να καθοριστεί.

  • Διορθώθηκε: Το φόντο παραμένει κολλημένο σε ένα σημείο στην περιοχή προβολής και δεν φεύγει από το οπτικό πεδίο, ακόμη και όταν η ιστοσελίδα έχει κύλιση.

  • Κύλιση: Το φόντο μετακινείται με κύλιση μαζί με την ιστοσελίδα.

• Gradient: Κάντε κλικ στο χρώμα δίπλα στο Gradient για να ανοίξετε τον νέο οπτικό επιλογέα ντεγκραντέ του Dreamweaver.