Διακοσμητικά υπογράμμισης CSS στοιχεία

Τεχνολογία στυλ έχει δύο λειτουργίες στο σχεδιασμό της HTML σελίδες. Κατ 'αρχάς, με τη βοήθειά του, υπάρχει μια θέση σχηματισμό των επιμέρους στοιχείων του χώρου. Δεύτερον, καθιστά τις μονάδες οπτικά ελκυστική για τον χρήστη. Η εφαρμογή της δεύτερης λειτουργίας εμφανίζεται με πολλούς τρόπους. Ένας από αυτούς - υπογραμμίζουν. CSS προβλέπει τη διακόσμηση αυτού του χαρακτηριστικού σε κείμενο.

ρεκόρ χαρακτηριστικό Προδιαγραφές

Χρησιμοποιήστε το κείμενο-ακίνητο διακόσμηση είναι απλή. Αρκετά για να εγγραφείτε στον κώδικα αρχείο CSS, η ακόλουθη γραμμή για το στοιχείο:

κείμενο-διακόσμηση: znachenie_atributa?

Αντί για «znachenie_atributa» προδιαγραφή CSS προσφέρει μια σειρά από επιλογές:

• υπογραμμίζουν - line βρίσκεται ακριβώς κάτω από το κείμενο?
• overline - γραμμή εκτείνεται από την κορυφή του κειμένου?
• none - η κατάργηση όλων των διακοσμητικών εφέ?
• κληρονομούν - υιοθετεί την αξία του μητρικού στοιχείου.

Τα παραπάνω δεν αποτελούν όλες οι δυνατές μορφές της εγγραφής, όπως αυτό χαρακτηριστικό καθορίζει όχι μόνο το χαρακτήρα υπογράμμισης CSS, αλλά και άλλες επιπτώσεις, όπως η «αναλαμπή» ή διαγραφή κειμένου.

Παραδείγματα των υπερσυνδέσμων σχεδιασμού

Οι αρχάριοι στο web design και προγραμματισμό, τίθεται το ερώτημα: γιατί η κατώτατη γραμμή στο κείμενο; Στην αυγή της εποχής της τεχνολογίας του διαδικτύου αυτή η μέθοδος κατανομής του χρήστη στο γεγονός ότι μπροστά του είναι μια υπερ-σύνδεση - το κείμενο, κάνοντας κλικ πάνω στο οποίο θα πραγματοποιηθεί η μετάβαση σε μια νέα σελίδα.

Από προεπιλογή, το ξενοδοχείο υπερ-σύνδεσης που υπογράμμιση. Στην πράξη, υπάρχει ένα πρόβλημα για την απομάκρυνση του γραμμή από ανενεργό συσκευές και να καταστεί ορατό καθώς ο χρήστης μετακινεί το δείκτη του ποντικιού. Εδώ είναι ένα παράδειγμα του κώδικα που απενεργοποιεί τους συνδέσμους υπογράμμισης CSS:

α {κείμενο-διακόσμηση: κανένας? }

Για τις ενεργές συνδέσεις χρησιμοποιώντας την ακόλουθη καταχώριση:

α: hover {text-decoration: υπογραμμίζουν?}

Διακοσμητικά υπογράμμισης για προχωρημένους

Πρότυπο χαρακτηριστικό κείμενο-διακόσμηση έχει αρκετούς περιορισμούς:

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

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

Για παράδειγμα: