①背景画像全体を描画領域に表示

背景画像全体が描画領域内に収まるようアスペクト比を保ったまま拡大縮小される。背景画像中心。

background-size: contain;

②描画領域全体に背景画像を表示

描画領域の縦横大きい方に合わせて、背景画像のアスペクト比を保ったまま拡大縮小される。描画領域中心。

background-size: cover;

③背景画像を任意のサイズで表示

描画領域内に横5枚に並べたいとき
つまり
描画領域横幅の1/5のサイズで表示したいとき
※xyともに値を指定した場合はアスペクト比は無視される

background-size: 20% auto;

背景画像を縦サイズ150pxで表示したいとき
※xyともに値を指定した場合はアスペクト比は無視される

background-size: auto 150px;

　
日本語で説明するの難しいな...
　

---

以上。

たんぶらに書き留めようとしたら、公式アプリのエディタがだめだめなので、こっちに書いた。これをたんぶらでクリップしたほうがよさそうだなと。

公式エディタの何がだめって、なにかをペーストするのに文章内のどこを選択しても何故か毎回文頭にペースとされる。また、装飾機能は一切なし。BoldもItalyもblockquoteも。ポストの属性に "text" を選択したのにだよ？ちょっと信じられないよ。何か使い方間違ってんのかな...そうだといいな...