ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSスタイルの書き方
「位置」、
「上」、
「右」、
「下」、
「左」、
「Zインデックス」、
「表示」、
「フロート」、
"幅"、
"最小幅"、
"最大幅"、
"高さ"、
"最小高さ"、
"最大高さ"、
"-webkit-box -sizing",
"-moz-box-sizing",
"box-sizing",
"-webkit-Appearance",
"padding",
"padding-top",
"padding -右"、
"パディング下"、
"左パディング"、
"マージン"、
"マージン上"、
"マージン右"、
"マージン下"、
"margin-left"、
"overflow"、
"overflow-x"、
"overflow-y"、
"-webkit-overflow-scrolling"、
"-ms-overflow-x ",
"-ms-overflow-y",
"-ms-overflow-style",
"クリップ",
"クリア",
"フォント",
"フォントファミリー",
"フォントサイズ"、
"フォントスタイル"、
"フォントの太さ"、
"フォントバリアント"、
"フォントサイズ調整"、
"フォントストレッチ"、
"font-effect"、
"font-emphasize"、
"font-emphasize-position"、
"font-emphasize-style"、
"font-smooth"、
"-webkit-ハイフン",
"-moz-ハイフン",
"ハイフン",
"line-height",
"color",
"text-align",
"-webkit-text-align- last",
"-moz-text-align-last",
"-ms-text-align-last",
"text-align-last",
"text-emphasis",
"テキスト強調色"、
"テキスト強調スタイル"、
"テキスト強調位置"、
"テキスト装飾"、
"テキストインデント"、
"テキスト行揃え" 、
"テキストアウトライン"、
"-ms-text-overflow"、
"テキストオーバーフロー"、
"テキストオーバーフロー省略記号"、
"テキストオーバーフローモード"、
"text-shadow"、
"text-transform"、
"text-wrap"、
"-webkit-text-size-adjust"、
"-ms-text-size-adjust"、
"文字間隔"、
"-ms-word-break"、
"word-break"、
"word-spacing"、
"-ms-word-wrap"、
"word-wrap ",
"-moz-tab-size",
"-o-tab-size",
"tab-size",
"white-space",
"vertical-align",
"list-style",
"list-style-position",
"list-style-type",
"list-style-image",
"pointer-events",
"-ms-タッチアクション",
"タッチアクション",
"カーソル",
"可視性",
"ズーム",
"フレックス方向",
"フレックスオーダー",
" flex-pack"、
"flex-align"、
"table-layout"、
"empty-cells"、
"caption-side"、
"border-spacing"、
"border-崩壊"、
"コンテンツ"、
"引用"、
"カウンターリセット"、
"カウンターインクリメント"、
"サイズ変更"、
"-webkit-user-select"、
"-moz-user-select",
"-ms-user-select",
"-o-user-select",
"user-select",
"nav-index",
"ナビゲーション上"、
"ナビゲーション右"、
"ナビゲーション下"、
"ナビゲーション左"、
"背景"、
"背景色"、
"背景画像" ,
"-ms-filter:\'progid:DXImageTransform.Microsoft.gradient",
"filter:progid:DXImageTransform.Microsoft.gradient",
"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader",
"filter",
"background-repeat",
"background-attachment",
"background-position",
"background-position-x",
"background-position-y",
"-webkit-background-clip",
"-moz-background-clip",
"background-clip",
"background-origin",
"-webkit-background-size",
" -moz-background-size",
"-o-background-size",
"background-size",
"border",
"border-color",
"border-style",
"ボーダー幅"、
"ボーダートップ"、
"ボーダートップカラー"、
"ボーダートップスタイル"、
"border-top-width"、
"border-right"、
"border-right-color"、
"border-right-style"、
"border-right-width"、
" border-bottom",
"border-bottom-color"、
"border-bottom-style"、
"border-bottom-width"、
"border-left"、
"border-left- color",
"border-left-style",
"border-left-width",
"border-radius",
"border-top-left-radius",
"border-top- right-radius",
"border-bottom-right-radius",
"border-bottom-left-radius",
"-webkit-border-image",
"-moz-border-image" ,
"-o-border-image",
"border-image",
"-webkit-border-image-source",
"-moz-border-image-source",
"- o-border-image-source",
"border-image-source",
"-webkit-border-image-slice",
"-moz-border-image-slice",
"-o -border-image-slice",
"border-image-slice",
"-webkit-border-image-width",
"-moz-border-image-width",
"-o- border-image-width",
"border-image-width",
"-webkit-border-image-outset",
"-moz-border-image-outset",
"-o-border -image-outset",
"border-image-outset",
"-webkit-border-image-repeat",
"-moz-border-image-repeat",
"-o-border- image-repeat",
"border-image-repeat",
"outline",
"outline-width",
"outline-style",
"outline-color",
"outline- offset",
"-webkit-box-shadow",
"-moz-box-shadow",
"box-shadow",
"filter:progid:DXImageTransform.Microsoft.Alpha(Opacity",
)"-ms-filter:\'progid:DXImageTransform.Microsoft.Alpha",
"opacity",
"-ms-interpolation-mode",
"-webkit-transition",
"-moz-トランジション",
"-ms-transition",
"-o-transition",
"トランジション",
"-webkit-transition-delay",
"-moz-transition-delay",
"-ms-transition-delay",
"-o-transition-delay",
"transition-delay",
"-webkit-transition-timing-function",
"-moz-transition-タイミング関数",
"-ms-transition-timing-function",
"-o-transition-timing-function",
"transition-timing-function",
"-webkit-transition-duration ",
"-moz-transition-duration",
"-ms-transition-duration",
"-o-transition-duration",
"transition-duration",
"-webkit-transition -property",
"-moz-transition-property",
"-ms-transition-property",
"-o-transition-property",
"transition-property",
"-webkit -transform",
"-moz-transform",
"-ms-transform",
"-o-transform",
"transform",
"-webkit-transform-origin",
"-moz-transform-origin",
"-ms-transform-origin",
"-o-transform-origin",
"transform-origin",
"-webkit-animation",
"-moz-animation",
"-ms-animation",
"-o-animation",
"animation",
"-webkit-animation-name",
"-moz-animation- name",
"-ms-animation-name",
"-o-animation-name",
"animation-name",
"-webkit-animation-duration",
"-moz-アニメーション期間",
"-ms-アニメーション期間",
"-o-アニメーション期間",
"アニメーション期間",
"-webkit-animation-play-state",
"-moz-アニメーション再生状態",
"-ms-アニメーション再生状態",
"-o-アニメーション再生状態",
"アニメーション再生状態",
" -webkit-アニメーション タイミング関数",
"-moz-アニメーション タイミング関数",
"-ms-アニメーション タイミング関数",
"-o-アニメーション タイミング関数",
"animation-timing-function",
"-webkit-animation-delay",
"-moz-animation-delay",
"-ms-animation-delay",
"-o-animation-遅延",
"アニメーション遅延",
"-webkit-アニメーション反復回数",
"-mozアニメーション反復回数",
"-msアニメーション反復回数",
"-o-animation-iteration-count",
"animation-iteration-count",
"-webkit-animation-direction",
"-moz-animation-direction",
"-ms- anime-direction",
"-o-animation-direction",
"animation-direction"
CSS スタイルの書き順に関するその他の記事については、PHP 中国語 Web サイトに注目してください。