Place a punctuation mark (if any) outside the start edge of the first line in the <p> element:
パンクチュエーション・マーク（約物）を、p 要素の先頭行の開始エッジの外に置きます：
p
{
hanging-punctuation: first;
}
hanging-punctuation プロパティは、テキスト全行の前または後において、 行ボックスの外側にパンクチュエーション・マーク（約物）を置くことができるかどうかを指定します。
| デフォルト値： | なし |
|---|---|
| 継承： | 継承する |
| アニメーション可否： | 不可。animatable を参照 |
| バージョン： | CSS3 |
| JavaScript 構文： | object.style.hangingPunctuation="first" |
主要なブラウザのいずれもが、hanging-punctuation プロパティをサポートしていません。
| プロパティ | |||||
|---|---|---|---|---|---|
| hanging-punctuation | 未サポート | 未サポート | 未サポート | 未サポート | 未サポート |
hanging-punctuation: none|first|last|allow-end|force-end|initial|inherit;
| 値 | 説明 |
|---|---|
| なし | テキスト全行の前または後における行ボックスの外側にパンクチュエーションを配置しません |
| first | パンクチュエーションは最初の行の先頭エッジの外側に表示します |
| last | パンクチュエーションは最後の行の末尾エッジの外側に表示する |
| allow-end | 必要があれば、パンクチュエーションをすべての行ボックスの外側に配置します |
| force-end | 強制的に、パンクチュエーションをすべての行ボックスの外側に配置します |
| initial | プロパティにデフォルト値を設定します。initial を参照 |
| inherit | このプロパティは親要素を継承します。inherit を参照 |