ホームページ  >  記事  >  ウェブフロントエンド  >  cssのプロパティとは何ですか

cssのプロパティとは何ですか

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-07-15 10:57:5315162ブラウズ

css 属性には、1. フォント属性、フォント、2. 背景属性、背景、3. ブロック属性、ブロック、4. ボックス属性、ボックス、5. 境界線属性、境界線、6. リスト属性、 list-style; 8. 属性、位置などの配置

cssのプロパティとは何ですか

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

1. フォント属性: (font)

サイズ font-size: x-large; (特大) xx-small; (極小) 通常は使用されません中国語で はい、数値のみを使用します。単位: PX、PD

font-style:oblique;(italic) italic;(italic)normal;(normal)

line-height line-高さ:標準;(標準) 単位: PX、PD、EM

太さ font-weight:bold;(太字) 軽く;(細) 標準;(標準)

バリエーション font-variant : 小文字; 通常;

text-transform: 大文字; 大文字小文字なし;( なし)

テキスト装飾の変更: 下線;(下線) 上線;(上線) 行通し;(取り消し線)blink;(blink)

2. 背景属性: (background)

カラーbackground-color:#FFFFFF;

Picture背景-画像:url();

繰り返し背景-繰り返し:いいえ-繰り返し;

スクロール背景-添付ファイル:固定;(固定)スクロール;(スクロール)

位置background-position:left(horizo​​ntal) top(vertical);

abbreviation メソッドbackground:#000url(..) 繰り返し固定左上;

3. ブロック属性: ( Block)

letter-spacing:normal; value

Align text-align:justify;(両端揃え) left;(左揃え) right;(右揃え) center; (中央)

インデント text-indent: 値 px;

垂直方向の配置vertical-align:baseline;(ベースライン) sub;(下付き文字) super;(下付き文字) top; text-top; middle;bottom; text-bottom;

単語の間隔 word-spacing:normal;value

white-space:pre;(予約済み) nowrap;(改行なし)

display 表示:ブロック;(ブロック) インライン;(埋め込み) リスト項目;(リスト項目) ランイン;(追加部分) コンパクト;

(コンパクト) マーカー;(マーカー) テーブル; インライン-テーブル;テーブル未加工グループ;テーブルヘッダーグループ;テーブルフッターグループ;テーブル未加工;テーブル列グループ;テーブル列;テーブルセル;テーブルキャプション;(テーブルタイトル)

4. ボックス属性: (ボックス)

width:; height:; float:; clear:both; margin:; padding:; 順序: 上、右、下、左

5. 境界線のプロパティ: (境界線)

境界線のスタイル: 点線; (点線) 破線; (破線) 実線; 二重; (二重線)溝; (溝線) リッジ; (尾根状) インセット; (凹んだ) アウトセット;

border-width:; ボーダー幅

border-color:#;

省略方法 border:width style color;

6. リスト属性: (List-style)

type list-style-type: disc; (dot)circle ; (丸) 正方形; (正方形) 10 進数; (数値) 下位ローマ字;(小さなローマ字コード番号) 上位ローマ字;下位アルファ; 上位アルファ;

position list-style-position:outside ;(外側) 内側;

image list-style-image:url(..);

7. 配置属性: (位置)

位置: 絶対; 相対; 静的;

可視性: 継承; 表示; 非表示;

オーバーフロー: 表示; 非表示; スクロール; 自動;

クリップ: rect(12px ,auto,12px,auto) (cut)

8. CSS シンボル属性:

list-style-type:none; /*番号なし*/

list-style-type:decmal; /*アラビア数字 */

list-style-type: lower-roman; /*小文字のローマ数字*/

list-style -type:upper-roman; /*大文字のローマ数字*/

list-style-type: lower-alpha; /*小文字の英字*/

list-style-type:upper -alpha; /*英大文字*/

list-style-type:disc; /*実線の円記号*/

list-style-type:circle; /*中空の円記号*/

list-style-type: square; /*黒塗りの正方形のシンボル*/

list-style-image:url(/dot.gif); /*ピクチャスタイルのシンボル* /

list-style-position: 外側; /*凸行*/

list-style-position:inside; /*インデント*/

9 . CSS 接続プロパティ:

a /*すべてのハイパーリンク*/

a:link /*ハイパーリンクのテキスト形式*/

a:visited /*表示されたリンクテキスト形式*/

a:active /*押されたリンクの形式*/

a:hover /*マウスでリンク*/

推奨される学習: cssビデオチュートリアル

以上がcssのプロパティとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。