背景画像の繰り返し方法を指定するには、background-repeatに背景画像の数だけ カンマ区切りで指定する。ここではすべて同じno-repeatであるため、省略して1回だけ指定した【3-1】【3-2】。 background-repeatで指定した値が背景画像の数より多い場合は超過分は無視され、少ない場合は背景画像の数と一致するまで指定が繰り返される【3-3】。 また、CSS3になって繰り返しを縦横個別に指定したり、spaceやroundといった 新しいキーワードでの指定もできるようになった(ただし2010年11月現在では対応しているブラウザは存在しない)。 【3-1】background-repeat: no-repeat, no-repeat, norepeat,no-repeat;と同じ扱いになる 【3-2】すべての背景画像が繰り返されなくなった 【3-3】このような指定の場
右図は、ボックスの角を丸くできるborder-radiusプロパティを使ったサンプルを、IE6で表示した画面です。border-radiusプロパティの使い方は、記事「画像を使わずにCSSだけで角を丸くする方法」をご参照下さい。 CSS3 PIEを使うソース例は以下の通りです。 p { border-radius: 30px; behavior: url("/PIE.htc"); } box-shadowプロパティをIE6で表示 右図は、ボックスに影を付けるbox-shadowプロパティを使ったサンプルを、IE6で表示した画面です。box-shadowプロパティの使い方は、記事「IE9を含む代表的なブラウザで使えるCSS3プロパティ」の4ページ目をご参照下さい。 CSS3 PIEを使うソース例は以下の通りです。 p { box-shadow: 10px 12px #800000; /* 影
京アニ放火事件を受けて、メルカリに京アニ関連グッズ出品が急増しています。しかし中には高額すぎる出品があったり、そもそもメルカリで京アニグッズ …
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く