Background2

質問

https://gyazo.com/59efd094c98cb3f71816c45fa0a66073
上の画像から
background-repeat: no-repeat;
というコードですが、最初に画像のコードであれば、このコードはいらないのではないでしょうか

回答No.1

AsarKingChang · ベストアンサー

ノーリピートなので、リピート「しない」という設定です。
なので、これを取った場合リピート「する」となります。
つまり、background:url....
正しくは、background-image:url(...)
を「敷き詰める」ことになります。
同じ画像を通常「タイル貼り」するのが、backgroundなので、
それをせずに、1回だけ表示したいのが、no-repeatです。
img srcとは扱いが違いますので。
逆に、両方を同時にも使えますがね。
<div style="background-image:url(赤い絵.png);width:256px;height:256px;">
<img src="青い絵.png">
</div>
絵は、とりあえず16x16サイズとする。
この場合、左上に1回だけ青い絵がでて、それ以外が全部赤い絵で
敷き詰められたdivになりますよ。
（実行時、デフォルトパディング+マージンは0pxになっている事を想定）
残り2個の質問もほぼ、趣旨が似ているので、
これが解決すると、案外残りも？ってことで
こちらに回答してみましたが、いかがでしょうか？

お礼

ありがとうございます。コード入力して、シュミレーションをして、プレビューで確認したら、一目瞭然です。理解できました。