随着网络科技的发展,用户不仅仅对网站的功能有更高的要求,而且用户对网站或网络产品的体验感受要求越来越高,作为网站开发者,就必须不断追求网站或网络产品操作的人性化.不能还象过去那粗暴地提示错误,而通过弹出浏览窗口而打开新的操作窗,当然需求是强出以DIV实现的对话框.Javascript 对DIV操作属性(style)操作越来越多,我们没办法将javascript所对应该的属性全部记下,所以在此南昌网站设计公司百恒网络前端开发工程师在些分享这些常用的DIV属性.
Text & Fonts | Borders & Edges | Inline Display & Layout |
color | borderLeft | clipBottom[E] |
fontFamily | borderRight | clipLeft[E] |
fontSize | borderTop | clipRight[E] |
fontSizeAdjust[M] | borderBottomColor | clipTop[E] |
fontStretch[M] | borderLeftColor | content[M][S1.3] |
fontStyle | borderRightColor | counterIncrement[M1.8] |
fontVariant[E][M][S1.3] | borderTopColor | counterReset[M1.8] |
fontWeight | borderBottomStyle | cssFloat[M]S |
letterSpacing | borderLeftStyle | cursor[E][M][S1.3] |
lineBreak[E] | borderRightStyle | direction |
lineHeight | borderTopStyle | display |
quotes[M] | borderBottomWidth | filter[E] |
rubyAlign[E] | borderLeftWidth | layoutGrid[E] |
rubyOverhang[E] | borderRightWidth | layoutGridChar[E] |
rubyPosition[E] | borderTopWidth | layoutGridLine[E] |
textAlign | borderColor | layoutGridMode[E] |
textAlignLast[E] | borderStyle | layoutGridType[E] |
textAutospace[E] | borderWidth | markerOffset[M] |
textDecoration | margin | marks[M] |
textDecorationBlink[E] | marginBottom | maxHeight[E]7[M]S |
textDecorationLineThrough[E] | marginLeft | maxWidth |
textDecorationNone[E] | marginRight | minHeight |
textDecorationOverline[E] | marginTop | minWidth |
textDecorationUnderline[E] | outline[M1.8.1][S1.2] | MozOpacity[M] |
textIndent | outlineColor[M1.8.1][S1.2] | opacity[M]1.7.2[S1.2] |
textJustify[E] | outlineStyle[M1.8.1][S1.2] | overflow |
textJustifyTrim[E] | outlineOffset[M1.8.1][S1.2] | overflowX[E][M1.8][S1.2] |
textKashidaSpace[E] | outlineWidth[M1.8.1][S1.2] | overflowY[E][M1.8][S1.2] |
textOverflow[E6][S1.3] | padding | styleFloat[E] |
textShadow[M][S1.2] | paddingLeft | verticalAlign[E][M][S1.2] |
textTransform | paddingRight | visibility |
textUnderlinePosition[E] | paddingTop | width |
unicodeBidi | Lists | zoom[E] |
whiteSpace | listStyle | Positioning |
wordBreak[E] | listStyleImage | bottom |
wordSpacing[E6][M][S] | listStylePosition | height |
wordWrap[E][S1.3] | listStyleType | pixelBottom[E][S] |
writingMode[E] | Scrollbars | pixelHeight[E][S] |
background | scrollbar3dLightColor[E] | pixelLeft[E][S] |
backgroundAttachment[E][M][S1.2] | scrollbarArrowColor[E] | pixelRight[E][S] |
backgroundColor | scrollbarBaseColor[E] | pixelTop[E][S] |
backgroundImage | scrollbarDarkShadowColor[E] | pixelWidth[E][S] |
gackgroundPosition | scrollbarFaceColor[E] | posBottom[E] |
backgroundPositionX[E][S1.3] | scrollbarHighlightColor[E] | posHeight[E] |
backgroundPositionY[E][S1.3] | scrollbarShadowColor[E] | posLeft[E] |
backgroundRepeat | scrollbarTrackColor[E] | posRight[E] |
posTop[E] | posWidth[E] | position |
right | top | width |
zIndex |
备注:属性后面[S1.3]之类的表示所支持的浏览器及版本.