第4章 カラー背景のCSS
Dec 19, 2016 pm 04:06 PMこの章のメイン機能 CSS
前章で宣言・適用方法といくつかの機能を紹介した後、この章から正式にCSSコマンドの紹介に入ります！この章には 2 つの導入トピックがあります。最初の部分では、要素の前景色、背景色、背景グラフィックなどのスタイル設定のプロパティを設定することが主な機能です。色と背景の CSS プロパティについての紹介の一部は、配置された要素の位置を制御するために使用される CSS 命令です。
背景色 CSS コマンド
color 前景色を設定します サポート: IE3、IE4、NC4 適用可能: すべての要素 可能な値: <color> 色の設定については、第 1 章の色の説明を参照してください。 use デフォルト: ブラウザに依存します 継承: はい 一般的な例: SPAN { color : BLUE } 同軸の例: <SPAN style="color:BLUE">background-color 背景色のサポートを設定します: IE4、NC4 適用可能: すべての要素 可能な値: <color> 色を設定するには、第 1 章の色の使用に関する関連手順を参照してください。 親要素 (色またはパターン) の背景を透明にします。 デフォルト値: 透明 継承: なし 一般的な例: BODY { background-color : BLUE } 同軸の例: <BODY style="background-color:BLUE">background-image 背景グラフィックの設定 サポート: IE4、NC4 適用可能: すべての要素 可能な値: <url> 画像の URL を設定するには、第 1 章の URL 表現に関する関連手順を参照してください。 none 背景パターンを使用しないでください。 デフォルト値: 透明 継承: なし 一般的な例: BODY { background-image : URL("http://yourweb /path/file_name") }同軸の例: <BODY style="background-image:URL('http://yourweb/path/file_name')">background-repeat バックグラウンド リピート サポートの設定: IE4、NC4 適用対象: すべての要素 可能な値: repeat ページ全体に背景グラフィックを繰り返しますrepeat-x 水平方向に背景グラフィックを繰り返しますrepeat-y 垂直方向に背景グラフィックを繰り返します no-repeat 背景グラフィックを繰り返し表示しませんデフォルト値:repeat継承:なし一般的な例: BODY { background-repeat :repeat-x } 同軸の例: <BODY style="background-repeat:repeat-x">background-attachment 背景アタッチメントのサポートの設定:IE4、NC4 適用可能:すべての要素 可能な値:scroll背景グラフィックはスクロールを固定してスクロールします 背景グラフィックはスクロール (ウォーターマーク) とともにスクロールします デフォルト値: スクロール 継承: なし 一般的な例: BODY {background-attachment : fixed } 同軸の例: <BODY style="background -attachment:fixed" >background-position 背景の位置を設定します。 サポート: IE4、NC4 適用可能: ブロック要素 可能な値:
位置配置コマンド
float フローティング プロパティを設定します (テキストが画像の周りを回り込む場合に主に使用されます) サポート: IE4、NC4 適用対象: ブロック要素またはグラフィックス 可能な値: 左の要素を左に、右の要素を右に囲むテキスト、右の要素を左に囲むテキストnone または デフォルト値を表示するデフォルトのメソッド: none 継承: none 一般的な例: DIV { float : right } 同軸の例: <DIV style="float:right">clear クリア プロパティを設定します (フローティングの存在を許可するかどうかを設定します)要素) サポート: IE4 適用可能: ブロック要素またはグラフィックス 可能な値: 両方 両側に浮動要素がある場合、要素は左側の浮動要素の下に移動します 左側に浮動要素がある場合、要素は移動します浮動要素の右下 右側に浮動要素がある場合 浮動要素がある場合、要素は浮動要素の下に移動します。 none デフォルトメソッドのデフォルト値を表示します: none 継承: none 一般的な例: DIV { clear : right } 同軸の例: <DIV style="clear:right ">width 幅のサポートの設定: IE4、NC4 適用対象: ブロック要素またはグラフィックス 可能な値: <length> 長さの単位。関連する手順を参照してください。第 1 章の基本単位について <percentage> 親要素の幅に基づくパーセンテージ ベースラインは固定比率で自動的にサイズを変更します デフォルト値: auto 継承: なし 一般的な例: DIV { width: 300pt } 同軸の例: < DIV style="width:300pt">height 高さのサポートの設定: IE4、NC4 は次の対象に適用されます: 可能な値:
人気の記事
人気の記事
ホットな記事タグ
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
7279
9
1622
14
1340
46
1257
25
1205
29
