スタート!CSS入門

背景のショートハンドプロパティ

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
背景関連のプロパティは、backgroundプロパティを使うことで一括して指定できます。ここでは、backgroundプロパティの使い方について紹介します。
講師:
02:51

字幕

背景関連のプロパティは backgroundプロパティを使うことで一括して指定できます。このレッスンでは background プロパティの使い方について紹介します。background プロパティ は背景関連の値のプロパティの値を一括で指定できるプロパティです。このような特殊なプロパティをショートハンドプロパティと呼びます。使える値は各プロパティに依存します。各プロパティは半角スペース区切りで指定します。省略も可能ですがその場合はデフォルト値各プロパティのデフォルト値が適用されます。そのほかの仕様は御覧の表の通りです。では実際に CSS を書いてみましょう。編集画面とウェブブラウザを開きます。ここではウェブページ全体に対して背景色、背景画像背景画像の繰り返し、固定初期位置をまとめて指定します。body 要素に対して CSS を書いてみましょう。body 要素に対してbackground プロパティを使います。値の順番は background-color背景色そして半角スペースで区切ってbackground-image背景画像ここでは bj.jpg というあらかじめ用意していた画像を使います。 そしてさらに半角スペースで区切ってbackground-repeatの値として繰り返し行わない no-repeatそしてさらに background-attachment背景の固定方法を固定 fixedさらに半角スペースを開けて最後に background-position背景画像の初期位置ですね。こちらは上下と左右に対してセンターになるように指定します。ウェブブラウザを見ると指定した背景色背景画像その表示の方法画面中央に固定で表示する。この表示方法などがまとめて適用されてることを確認できます。このレッスンでは背景関連のプロパティを一括して指定できるbackground プロパティ の使いかたについて学びました。

スタート!CSS入門

CSSはWebページに視覚的な表現、つまりスタイルを与えるための言語です。HTMLと組み合わせることで、より自由なデザインをウェブ上で実現できます。このコースでは初めてCSSに触れる方でも体系的な理解が得られるように、Web標準としての仕様の成り立ちからさまざまな文法、ボックスモデルなどの基本概念まで幅広い内容を解説します。

5時間21分 (71 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 3,990
発売日:2014年11月25日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。