エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSSのbackgroundに画像を直接埋め込む方法 | HTML・CSS・JavaScriptのテクニック集 | Webサイト制作支援 | ShanaBrian Website
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSのbackgroundに画像を直接埋め込む方法 | HTML・CSS・JavaScriptのテクニック集 | Webサイト制作支援 | ShanaBrian Website
通常CSSのbackgroundでは、url関数に画像ファイルのパスを指定して読み込みますが、Data URIスキームを... 通常CSSのbackgroundでは、url関数に画像ファイルのパスを指定して読み込みますが、Data URIスキームを使用して画像そのものを埋め込むことができます。 Data URIスキームそのものは、文字列や画像などのリソースデータをURIで表すことのできる仕組みのことです。 書式はdata:MIME Type,タグで、MIME Typeは画像形式がPNGの場合は「image/png」、タグは画像をBase64に変換した文字列を指定します。 コード例: CSS .sample { width:100px; height:100px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsSAAALEgHS3X78AAAEtElEQVR4nO2dzX