[解決済み】url()の値の引用は本当に必要なのでしょうか?
2022-04-02 06:07:46
質問
スタイルシートには、次のどれを使うべきでしょうか?
/* Example #1: */ background-image: url(image.png);
/* Example #2: */ background-image: url("image.png");
/* Example #3: */ background-image: url('image.png');
W3Cは何を 正しい方法 ?
解決方法は?
W3Cは引用符は任意であるとしており、あなたの3つの方法はすべて合法です。
開閉引用符は、同じ文字であればよい。
URLに特殊文字が含まれる場合は、引用符を使用するか、その文字をエスケープする必要があります(下記参照)。
URI値の書式は、'url('の後に任意の空白文字、その後に任意の一重引用符(')または二重引用符(")文字、その後にURI自身、任意の一重引用符(')または二重引用符(")文字、さらに任意の空白文字の後に')'である。2つの引用符は同じでなければなりません。
特殊文字のエスケープ。
<ブロッククオート引用符で囲まれていないURIに含まれる一部の文字(括弧、空白文字、一重引用符(')、二重引用符("))は、結果のURI値がURIトークンであるようにバックスラッシュで脱出させる必要があります: '\(', '\)'.
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] divを親の中で自動的に縦に重ねるにはどうしたらいいですか?
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] ブルマのテーブルをレスポンシブにするにはどうしたらいいですか?
-
[解決済み] SCSSとSassの違いは何ですか?
-
[解決済み] リスト項目にマウスを置いたときに、カーソルを手の形に変えるには?
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] CSS Flexboxで、"justify-items "と "justify-self "プロパティはなぜないのですか?
-
[解決済み] CSS 100% height と padding/margin の関係
-
[解決済み] CSSファイルで相対URLを使用していますが、どの位置からの相対位置なのでしょうか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】display:noneの反対語はあるのか?
-
[解決済み] Tailwind CSS - コンポーネントとしてのレスポンシブブレークポイント
-
[解決済み] グレーの透明な背景を設定する
-
[解決済み] :first-child が期待通りに動作しない
-
[解決済み] moz-とwebkit-とは何ですか?[重複しています]。
-
[解決済み] bootstrap 4 でカードブロックの不透明度を変更する方法
-
[解決済み] テーブルの行にマージンを追加する方法 <tr> [重複]。
-
[解決済み] CSS 不透明度 - 背景色
-
[解決済み] jQueryのCSSプロパティでbackground-imageを設定する
-
[解決済み] CSS background-image - 正しい使い方は?