麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

淺析JavaScript中的CSS屬性及命名規范

2019-11-20 21:34:13
字體:
來源:轉載
供稿:網友

許多CSS樣式屬性的名字中都有連字符,在JavaScript中,連字符被解釋為減號。

因此,CSS2Properties對象的屬性名和真正的CSS屬性名有點不同。

如果一個CSS屬性名含有一個或多個連字符,在JS中則需要刪除了連字符,并且原來緊接在連字符后的字母改為大寫。

要注意的是float是JS的關鍵字,所以在JS中float被寫作cssFloat與或floatStyle。

下面是CSS自身屬性與JavaScript中CSS編碼對照表:


盒子標簽和屬性對照:
Code
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(ie) cssFloat(FF) 
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

 

顏色和背景標簽和屬性對照:
Code
CSS語法 (不區分大小寫)   JavaScript語法 (區分大小寫)
background   background
background-attachment   backgroundAttachment
background-color   backgroundColor
background-image   backgroundImage
background-position   backgroundPosition
background-repeat   backgroundRepeat
color   color


樣式標簽和屬性對照:

Code
CSS語法 (不區分大小寫)   JavaScript語法 (區分大小寫)
display   display
list-style-type   listStyleType
list-style-image   listStyleImage
list-style-position   listStylePosition
list-style   listStyle
white-space   whiteSpace


文字樣式標簽和屬性對照:

Code
CSS語法 (不區分大小寫)   JavaScript語法 (區分大小寫)
font   font
font-family   fontFamily
font-size   fontSize
font-style   fontStyle
font-variant   fontVariant
font-weight   fontWeight

 

文本標簽和屬性對照:
Code
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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 日本在线一区二区 | 国产精品午夜在线观看 | 成人免费观看49www在线观看 | 欧美日韩经典在线 | 国产五区 | 一级毛片在线视频 | 国产午夜精品一区 | 国产一及毛片 | 91真视频 | 久久精品av | 一级免费大片 | 中国美女一级黄色大片 | 视频一区国产精品 | 成人免费网站在线观看视频 | 男女无遮挡羞羞视频 | 日韩黄色一级视频 | 国产精品久久久久久久久久久久久久久 | 黄色高清免费 | 91色爱| 国产精品免费一区二区三区四区 | 欧美成人免费在线视频 | 欧美一区二区黄 | 欧美成人视| 1314成人网| 久久久日韩精品一区二区三区 | 日韩精品hd | 国内精品久久久久影院不卡 | 中国a级黄色片 | 欧美日韩在线播放 | 精品三区视频 | 毛片a区 | 高清做爰免费无遮网站挡 | 国产91对白叫床清晰播放 | 久久精品99国产国产精 | 免费在线观看国产精品 | 精品一区二区电影 | 免费a视频 | 欧美中文字幕一区二区三区亚洲 | 国产精品美女一区二区 | 亚洲卡通动漫在线观看 | 日韩精品网站在线观看 |