» ウェブログのアーカイブ » CSS 3: 背景プロパティ Niquelao CSS 3: 背景プロパティ 2009年12月2日、Rumoroso著 昨日は、あらゆる要素の背景（視覚メディアにおいて）を制御するためにCSS 3が含むと予想されるプロパティと、それに対応する値をまとめることにしました。そのうちのいくつかは、普段スタイルシートで使用しているものと一致しているので、それほど違和感はないはずです。残りは、CSSのプロフェッショナルが特定した不足を補うための新しいプロパティです。それをもとに、以下の表を作成しました： プロパティ デフォルト値 % background-attachment [scroll | fixed | local] [ , [scroll | fixed | local] ]* scroll - background-clip [border-box | padding-box] [ , [border-box | padding-box] ]* border-box - background-color transparent - background-image [![]()
| none] [ , [![]()
| none] ]* none - background-origin [border-box | padding-box | content-box] [ , [border-box | padding-box | content-box] ]* padding-box - background-position [ [ [ | | left | center | right ] ] [ [ | | top | center | bottom ] ]? | [ center | [ left | right ] [ | ]? ] || [ center | [ top | bottom ] [ | ]? ] ]* 0% 0% はい background-repeat [repeat-x | repeat-y | [repeat | space | round | no-repeat] ] [ , repeat-x | repeat-y | [repeat | space | round | no-repeat] ]* repeat - background-size [ [ | | auto ]{1,2} | cover | contain ] [ , [ | | auto ]{1,2} | cover | contain ]* auto はい …そしてもちろん、ショートハンド形式： background: [ || || / || || || , ]* || || / || || || || <’background-color’> 一部のプロパティは、最新バージョンのブラウザでサポートされ始めています（「CSS 3で複数の背景画像」という記事で既に触れたように）。場合によっては実験的な形で含まれています（例えばFirefoxでは-mozプレフィックスを使用）。 注：どのプロパティも継承されないことを覚えておいてください。 近いうちに、この話題を完璧にして、背景プロパティを変更することで何が実現できるかを明確に理解するために、それぞれのプロパティが何をするのかを詳しく説明します。 CSS 3: 背景プロパティ カテゴリ: CSS —> コメントの追跡はRSS 2.0フィードで行えます。また、あなたのサイトからトラックバックを送ることもできます。 前の記事: CSS 3で複数の背景画像 次の記事: SafariやChromeを使っているなら… —> —> —> この作品はCreative Commonsライセンスの下にあります。