CSSスタイル_リスト表のアウトライン

2957 ワード

CSSリスト:
List-style略記プロパティ宣言ですべてのリストプロパティを設定します.元のリストアイコンの代わりにアイコンを追加します.
ul
  {
  list-style:square inside url('/i/arrow.gif');
  }
list-style-typeプロパティリストアイテムタグのタイプを設定します.可能な値はたくさんあります.よく使われるのはnoneタグなし、discデフォルトのソリッド円、circle中空円、squareソリッドブロック、decimal数字、decimal-leading--zeroは0の先頭の数字、lower-romanとupper-romanの小大文字ローマ数字、lower-alphaとupper-alphaの小大文字英語アルファベットなどです.
List-style-positionプロパティは、リストアイテムタグをどこに配置するかを設定します.属性値insideは、リストタグのアイコンがテキスト以内であることを示します.outsideはサブバーアイコン以外を表します.直接的な外観では、insideプロパティ値を使用したリストテキストがより後ろに表示されます.
List-style-imageプロパティは、リスト項目のタグを画像で置き換えます.このプロパティは、シーケンステーブル項目フラグまたはシーケンステーブル項目フラグのない画像を指定します.画像が使用できないように、list-style-typeプロパティを常に指定することが望ましい.属性値にはURLとnoneのデフォルト値があり、グラフィックはありません.上のコードは3つの属性値square(画像が表示されなければ)、insideとurlを一緒に置いています.
CSS表:
border-collapseプロパティは、テーブルの枠線が単一の枠線にマージされるか、標準のHTMLのように別々に表示されるかを設定します.属性値collapseは、枠線が単一の枠線に結合されることを示します.どういう意味ですか.表の各値には独自の枠線がありません.属性値separateはデフォルト値で、枠が分かれています.つまり、各値に枠があります.2*3型の表であれば、一番外側の1つを加えると、7つの枠が表示されます.collapseであれば、6つの小さな枠しか表現されません.
border-spacingプロパティは、隣接するセルの枠線間の距離(枠線分離モードのみ)を設定し、プロパティ値はlength、lengthです.隣接するセルの枠線間の距離を指定します.px、cmなどの単位を使って、負の値を使わないでください.重ねないで.パラメータを定義すると、水平=垂直=lengthになります.2つです.では、1つ目は水平で、2つ目は垂直です.ここでは枠線分離のモードにのみ適用され、collapseを使用すると、このプロパティは無視されます.これはフレーム間の距離を規定しているので、フレームがないと自然にこの属性は使えません.
Caption-sideプロパティは、テーブルヘッダーの位置を設定します.デフォルト値top、タイトルは上です.bottomもあります.
Empty-cellsプロパティは、テーブル内の空のセルを表示するかどうかを設定します(「境界線を分離」モードのみ).主にseparate属性値の下に空のセルがある場合はその枠は表示されません.collapseモードではもともと枠がありません.価値があるかどうかは同じだ.
table-layoutプロパティは、表のセル、行、列のアルゴリズム・ルールを表示します.デフォルトはautomaticで、列幅はセルの内容によって設定されます.fixed値は、表が表幅と列幅で設定されていることを示します.固定テーブルレイアウトは、自動テーブルレイアウトと比較して、ブラウザがテーブルをより速くレイアウトできるようにします.自動テーブルの最終レイアウトは、すべてのコンテンツが表示された後に決定される必要があるためです.固定幅は自分で設定していない場合、表の幅が小さすぎると内容が重なる可能性があります.
CSSプロファイル:
アウトラインは、要素の周囲に描画される線です.CSS outlineプロパティでは、要素のアウトラインのスタイル、色、幅を指定できます.
アウトラインの略記プロパティは、宣言ですべてのアウトラインプロパティを設定します.3つのプロパティを一緒に書くことができます.
p 
{
border:red solid thin;
outline:#00ff00 dotted thick;
}
outline-styleプロパティは、要素の輪郭全体のスタイルを設定するために使用されます.スタイルはnoneではありません.そうしないと、輪郭は表示されません.デフォルトのプロパティはnoneです.outline-styleを設定してからoutline-colorを設定することができます.可能な値は、dotted点状の輪郭、dashed破線、solid実線、double二重線、二重線の幅がoutline-widthの値に等しいことです.groove 3 D溝輪郭、ridge 3 Dツッコミ輪郭、inset凹辺輪郭、outset凸辺輪郭.凹凸エッジは、表全体が凸に凹んでいるように表現され、凹凸溝は外枠と内枠の直接の隙間が凹んでいるのか凸なのかを表します.
outline-widthプロパティは、アウトラインスタイルがnoneでない場合にのみ、要素のアウトライン全体の幅を設定します.スタイルがnoneの場合、幅は実際に0にリセットされます.負の長さの値は設定できません.このプロパティを宣言する前にoutline-styleプロパティを定義します.輪郭線は空間を占有しないし、矩形とは限らない.スペースを占有しないという意味は、リストのoutside属性値と同じ意味です.デフォルト値はmedium、中程度の輪郭です.可能な値はthin,thickです.lengthでもいいし、pxでもいいし、cmでもいいです(この単位はちょっと大きすぎます).
outline-colorプロパティは、エレメントの輪郭全体に表示される部分の色を設定します.輪郭のスタイルはnoneではいけません.そうしないと、輪郭は現れません.デフォルト値はinvertで、色の反転を実行します.どうせ輪郭を異なる色で表示できます.可能な値は、前の背景、文字の色と同じです.色名、rgb(,)、16進#FFFFFFFFなどです.
では、本節の冒頭のoutlineの略語属性は明確に意味されています.このとき、styleがcolorを入れる前のものは必要ありません.これは順序実行ではありません.