The hanging-punctuationmatlamat harta pada memberi web pereka kawalan berbutir lebih halus lebih tipografi di web.
Idea di sebalik menggantung tanda baca adalah meletakkan beberapa watak tanda baca dari awal (atau lebih rendah pada akhir) elemen teks "di luar" kotak untuk mengekalkan aliran membaca.
Pada dasarnya, ia akan sedikit memindahkan petikan, peluru atau apa sahaja ke kiri (atau kanan dalam rtlmod) sehingga huruf pertama sejajar dengan dokumen yang lain.
Harap maklum bahawa harta tanah ini adalah pilihan jadi pembuat penyemak imbas mungkin atau tidak menyokongnya.
Sintaks
hanging-punctuation: none | ( first || ( force-end | allow-end ) || last ) blockquote p ( hanging-punctuation: first; )none
Tiada watak yang digantung. Ini adalah nilai lalai untuk harta tanah ini.
first
Watak yang tersedia pada permulaan baris berformat pertama elemen digantung.
last
Watak yang tersedia pada akhir baris elemen yang diformat terakhir digantung.
force-end
Hentian atau koma di hujung baris tergantung.
Tanda baca terpaksa digantung dan tidak dipertimbangkan ketika mengukur garis untuk membenarkan.
allow-end
Berhenti atau koma di hujung baris akan hang jika tidak sesuai sebelum dibenarkan.
Tanda baca di hujung baris pertama untuk tidak menggantung kerana sesuai tanpa digantung. Namun pada baris kedua, tidak ada cukup ruang sehingga ia tergantung.
Watak yang ada
| Kod | Perwatakan | Nama |
|---|---|---|
U+002C | , | KOMMA |
U+002E | . | NOKTAH |
U+060C | ، | KOMMA ARAB |
U+06D4 | . | HENTI PENUH ARAB |
U+3001 | 、 | COMMA IDEOGRAFI |
U+3002 | 。 | HENTI PENUH IDEOGRAFI |
U+FF0C | ， | KOMMA PENUH |
U+FF0E | ． | HENTI PENUH FULLWIDTH |
U+FE50 | ﹐ | COMMA KECIL |
U+FE51 | ﹑ | COMMA IDEOGRAFI KECIL |
U+FE52 | ﹒ | HENTI PENUH KECIL |
U+FF61 | ｡ | HALFWIDTH IDEOGRAFI PENUH BERHENTI |
U+FF64 | ､ | KOMMA IDEOGRAFI HALFWIDTH |
Perhatikan bahawa ejen pengguna dibenarkan untuk menambahkan watak apa pun ke dalam senarai ini. Memetik spesifikasi:
UA mungkin memasukkan watak lain sesuai.
Sokongan Penyemak Imbas
Data sokongan penyemak imbas ini berasal dari Caniuse, yang mempunyai lebih terperinci. Nombor menunjukkan bahawa penyemak imbas menyokong ciri pada versi dan ke atas.
Desktop
| Chrome | Firefox | IE | Hujung | Safari |
|---|---|---|---|---|
| Tidak | Tidak | Tidak | Tidak | 10 |
Mudah Alih / Tablet
| Android Chrome | Android Firefox | Android | Safari iOS |
|---|---|---|---|
| Tidak | Tidak | Tidak | 10.0-10.2 |
Kekurangan yang baik untuk penyemak imbas yang tidak disokong adalah menggunakan inden teks negatif seperti itu:
blockquote p ( text-indent: -0.5em; /* Change according to your font */ )Untuk senarai peluru, anda mungkin ingin memastikan kedudukan peluru diatur ke outsidedan limpahan kontena tidak ditetapkan ke hidden.