1. ホーム
  2. css

[解決済み] CSS 'content'プロパティの改行文字列?重複

2022-07-01 11:08:04

質問

を使用することは可能でしょうか? 改行 という文字を CSS content プロパティを使って強制的に改行させることはできますか?のようなものです。

figcaption:before
{
    content: 'Figure \n' + attr(title);
}

どのように解決するのですか?

この コンテンツ プロパティは 文字列 とします。

文字列は直接改行を含むことができません。文字列に改行を含めるには 文字列に改行を入れるには、ISO-10646の改行文字(U+000A)を表すエスケープを使用します。 ISO-10646の改行文字(U+000A)を表すエスケープ文字(" \A" または" \00000a" など)を使用します。この文字 は、CSS の一般的な概念である "newline" を表します。

(実際のブラウザのサポートについては不明です)

確認できるのは マークアップとCSSで文字エスケープを使用する でエスケープ構文について参照してください。

  • \20AC は、次の文字が a-f、A-F、0-9 のいずれかである場合、その後にスペースを入れなければなりません。
  • \0020AC は6桁の長さで、スペースは必要ありません(ただし、含めることができます)。

注意: この場合 \00000a ではなく、単に \A というのは、任意の文字列をエスケープする場合、改行の後に数字や、文字列中にある [a-f] の範囲にある文字が続くと という望ましくない結果をもたらします。 .