Κρεμαστή στίξη - CSS-Κόλπα

Η hanging-punctuationιδιοκτησία στοχεύει στο να δώσει στους σχεδιαστές ιστοσελίδων καλύτερο έλεγχο της τυπογραφίας στον ιστό.

Η ιδέα πίσω από την ανάρτηση στίξης είναι να βάλετε μερικούς χαρακτήρες στίξης από την αρχή (ή σε μια μικρότερη έκταση στο τέλος) των στοιχείων κειμένου «έξω» του πλαισίου, προκειμένου να διατηρηθεί η ροή ανάγνωσης.

Βασικά, θα μετακινήσει ελαφρώς αυτό το απόσπασμα, κουκκίδα ή οτιδήποτε άλλο προς τα αριστερά (ή δεξιά σε rtlλειτουργία), έτσι ώστε το πρώτο γράμμα να είναι σωστά ευθυγραμμισμένο με το υπόλοιπο έγγραφο.

Φιγούρα από αυτό το άρθρο του Steve Hickey

Λάβετε υπόψη ότι αυτή η ιδιότητα είναι προαιρετική, επομένως οι κατασκευαστές προγράμματος περιήγησης ενδέχεται να την υποστηρίζουν ή όχι.

Σύνταξη

hanging-punctuation: none | ( first || ( force-end | allow-end ) || last ) blockquote p ( hanging-punctuation: first; )

`none`

Κανένας χαρακτήρας δεν κρέμεται. Αυτή είναι η προεπιλεγμένη τιμή για αυτήν την ιδιότητα.

`first`

Ένας διαθέσιμος χαρακτήρας στην αρχή της πρώτης μορφοποιημένης γραμμής ενός στοιχείου κρέμεται.

`last`

Κρέμεται ένας διαθέσιμος χαρακτήρας στο τέλος της τελευταίας μορφοποιημένης γραμμής ενός στοιχείου.

`force-end`

Κλείνει μια στάση ή κόμμα στο τέλος μιας γραμμής.

Η στίξη αναγκάζεται να κρεμάσει και δεν λαμβάνεται υπόψη κατά τη μέτρηση της γραμμής για αιτιολόγηση.

`allow-end`

Μια στάση ή κόμμα στο τέλος μιας γραμμής κρέμεται αν δεν ταιριάζει διαφορετικά πριν από την αιτιολόγηση.

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

Διαθέσιμοι χαρακτήρες

Κώδικας	Χαρακτήρας	Ονομα
`U`+`002C`	,	ΚΟΜΜΑ
`U`+`002E`	.	ΤΕΛΕΙΑ
`U`+`060C`	,	ΑΡΑΒΙΚΑ ΚΟΜΜΑ
`U`+`06D4`	.	ΑΡΑΒΙΚΗ ΠΛΗΡΗΣ ΣΤΑΣΗ
`U`+`3001`	、	ΙΔΙΟΓΡΑΦΙΚΟ ΚΟΜΜΑ
`U`+`3002`	。	ΙΔΙΟΓΡΑΦΙΚΗ ΠΛΗΡΗΣ ΣΤΑΣΗ
`U`+`FF0C`	，	ΠΛΗΡΕΣ ΚΟΜΜΑ
`U`+`FF0E`	．	ΠΛΗΡΕΣ ΣΤΑΣΗ
`U`+`FE50`	﹐	ΜΙΚΡΟ ΚΟΜΜΑ
`U`+`FE51`	﹑	ΜΙΚΡΟ ΙΔΙΟΓΡΑΦΙΚΟ ΚΟΜΜΑ
`U`+`FE52`	﹒	ΜΙΚΡΟ ΠΛΗΡΕΣ ΣΤΑΣΗ
`U`+`FF61`	｡	ΙΔΕΟΓΡΑΦΙΚΟ ΠΛΗΡΕΣ ΣΤΑΣΗ ΧΑΛΥΒΑΘΙΟΥ
`U`+`FF64`	､	ΙΔΕΟΓΡΑΦΙΚΟ ΚΟΜΜΑ ΧΑΛΥΒΙΔΙΟΥ

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

Το UA μπορεί να περιλαμβάνει άλλους χαρακτήρες, ανάλογα με την περίπτωση.

Υποστήριξη προγράμματος περιήγησης

Αυτά τα δεδομένα υποστήριξης του προγράμματος περιήγησης προέρχονται από την Caniuse, η οποία έχει περισσότερες λεπτομέρειες. Ένας αριθμός υποδεικνύει ότι το πρόγραμμα περιήγησης υποστηρίζει τη λειτουργία σε αυτήν την έκδοση και νεότερη.

Επιφάνεια εργασίας

Χρώμιο	Firefox	ΙΕ	Ακρη	Σαφάρι
Οχι	Οχι	Οχι	Οχι	10

Κινητό / Tablet

Android Chrome	Android Firefox	Android	iOS Safari
Οχι	Οχι	Οχι	10.0-10.2

Ένα αξιοπρεπές εναλλακτικό για μη υποστηριζόμενο πρόγραμμα περιήγησης θα ήταν να χρησιμοποιήσετε μια αρνητική εσοχή κειμένου ως εξής:

blockquote p ( text-indent: -0.5em; /* Change according to your font */ )

Για λίστες κουκκίδων, ίσως θελήσετε να βεβαιωθείτε ότι η θέση των κουκκίδων έχει ρυθμιστεί outsideκαι ότι η υπερχείλιση του κοντέινερ δεν έχει ρυθμιστεί hidden.