CSSスタイルの書き方

高洛峰
高洛峰オリジナル
2017-02-14 15:18:371573ブラウズ

「位置」、

「上」、

「右」、

「下」、

「左」、

「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 サイトに注目してください。

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