[解決済み] 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]
の範囲にある文字が続くと
という望ましくない結果をもたらします。
.
関連
-
[CSSチュートリアル】純粋なCSSでWebページの内容をコピーできないようにする方法
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] CSSのdisplayプロパティで遷移する
-
[解決済み] divの内容を下に揃える方法
-
[解決済み] CSSコンテンツによるHTMLエンティティの追加
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】 css border add four corners コード
-
[CSSチュートリアル】CSS+HTMLで実現するトップナビゲーションバー機能
-
[CSSチュートリアル】CSSもこんな風に遊べる?気まぐれグラデーションの極意
-
[CSSチュートリアル】CSSで実現するイメージマッピングメソッド
-
[css3] scss変数の値を実行時に変更するcss3 var()の使用方法を説明します。
-
[CSSチュートリアル】空間均等性の問題を解決する2つの方法
-
[CSSチュートリアル】背景画像画面の適応的な実装を実現するCSS
-
[解決済み】特定の `inline-block` アイテムの前/後で改行するCSS
-
[解決済み] CSSで要素の前に改行を挿入する方法
-
[解決済み] 擬似要素の ::after または ::before の内容に改行を追加する