CSS hyphenate-character 属性

定義と使用方法

hyphenate-character 属性は、改行記号の前に使用するハイフン断字位置に指定する文字を定義します。

例

設定 hyphenate-character：

<style>
div.a {
  hyphenate-character: auto;
}
div.b {
  hyphenate-character: "=";
}
</style>
<body>
<div class="a">とてもとても長い単語。</div>
<div class="b">とてもとても長い単語。</div>
</body>

自分で試してみてください

CSS 文法

hyphenate-character: auto|string|initial|inherit;

属性値

値 説明
auto デフォルト値。ブラウザは現在のレイアウト慣習に基づいて適切な文字を選択します。
string 改行記号の前に使用するハイフン断字位置に指定する文字。
initial この属性をデフォルト値に設定します。参照してください initial。
inherit この属性は親要素から継承されます。参照してください inherit。

技術的詳細

デフォルト値： auto
継承性： yes
アニメーション作成： サポートしていません。参照してください：アニメーション関連属性。
バージョン： CSS4
JavaScript 文法： object.style.hyphenateCharacter="/"

ブラウザのサポート

テーブルの数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
106.0 106.0 98.0 17.0 92.0