コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > CSSとJSタグのスタイル属性比較表（js開発仲間に便利）_javascriptスキル

CSSとJSタグのスタイル属性比較表（js開発仲間に便利）_javascriptスキル

WBOY
リリース： 2016-05-16 18:16:30
オリジナル
942 人が閲覧しました
盒子标签和属性对照
CSS语法（不区分大小写） JavaScript语法（区分大小写）
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color borderColor
border-left borderLeft
border-left-color borderLeftColor
border-left-style borderLeftStyle
border-left-width borderLeftWidth
border-right borderRight
border-right-color borderRightColor
border-right-style borderRightStyle
border-right-width borderRightWidth
border-style borderStyle
border-top borderTop
border-top-color borderTopColor
border-top-style borderTopStyle
border-top-width borderTopWidth
border-width borderWidth
clear clear
float floatStyle
margin margin
margin-bottom marginBottom
margin-left marginLeft
margin-right marginRight
margin-top marginTop
padding padding
padding-bottom paddingBottom
padding-left paddingLeft
padding-right paddingRight
padding-top paddingTop
颜色和背景标签和属性对照
CSS 语法（不区分大小写） JavaScript 语法（区分大小写）
background background
background-attachment backgroundAttachment
background-color backgroundColor
background-image backgroundImage
background-position backgroundPosition
background-repeat backgroundRepeat
color color

样式标签和属性对照
CSS语法（不区分大小写） JavaScript 语法（区分大小写）
display display
list-style-type listStyleType
list-style-image listStyleImage
list-style-position listStylePosition
list-style listStyle
white-space whiteSpace

文字样式标签和属性对照
CSS 语法（不区分大小写） JavaScript 语法（区分大小写）
font font
font-family fontFamily
font-size fontSize
font-style fontStyle
font-variant fontVariant
font-weight fontWeight

文本标签和属性对照
CSS 语法（不区分大小写） JavaScript 语法（区分大小写）
letter-spacing letterSpacing
line-break lineBreak
line-height lineHeight
text-align textAlign
text-decoration textDecoration
text-indent textIndent
text-justify textJustify
text-transform textTransform
vertical-align verticalAlign
関連ラベル：
style
ソース：php.cn
前の記事：jQueryUI がコンポーネント実装をカスタマイズする方法 code_jquery 次の記事：cnblogs が flash_jquery で誰かの実装コードをブロックする
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
PX から REM への自動変換エラー <style>html { font-size: calc(100vw / 3.75); }body { font-size: 0.16rem; }</style...
から 2024-04-16 09:34:16
0
0
4687
キャンバスの *2* 高さの値を取得しますか? このキャンバスの 2 つの高さの値を取得しようとしています。 <canvaswidth="886"height="792"style=...
から 2024-04-05 09:32:33
0
1
1360
ツールヒントのリンクとボタンが機能しない ツールヒント内からクリック イベントをトリガーしようとしています。クリックイベントを含むボタンを配置しましたが、機能しません。ツールチップ内に外部リンクを追加してみました。それもう...
から 2024-04-04 22:01:46
0
1
1352
クリック後画像を非表示にし、再度クリックすると画像を表示する方法はありますか？ オブジェクトに画像を重ねています。クリックして非表示にし、オブジェクト (360 度の仮想ツアー) を表示し、仮想ツアーをクリックするとまったく同じ画像を表示したいと考えています。...
から 2024-04-03 20:13:41
0
1
311
3. JS 3D モデルが追加されましたが、表示されません 自分の Web サイトに 3D モデルを追加しようとしています。 3 つの .js を使用しています。あらゆることを試しましたが、3D モデルを表示できませんでした。開発者ツールの...
から 2024-04-03 19:06:13
0
1
264
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート