隨著網(wǎng)絡(luò)科技的發(fā)展,用戶不僅僅對(duì)網(wǎng)站的功能有更高的要求,而且用戶對(duì)網(wǎng)站或網(wǎng)絡(luò)產(chǎn)品的體驗(yàn)感受要求越來(lái)越高,作為網(wǎng)站開(kāi)發(fā)者,就必須不斷追求網(wǎng)站或網(wǎng)絡(luò)產(chǎn)品操作的人性化.不能還象過(guò)去那粗暴地提示錯(cuò)誤,而通過(guò)彈出瀏覽窗口而打開(kāi)新的操作窗,當(dāng)然需求是強(qiáng)出以DIV實(shí)現(xiàn)的對(duì)話框.Javascript 對(duì)DIV操作屬性(style)操作越來(lái)越多,我們沒(méi)辦法將javascript所對(duì)應(yīng)該的屬性全部記下,所以在此南昌網(wǎng)站設(shè)計(jì)公司百恒網(wǎng)絡(luò)前端開(kāi)發(fā)工程師在些分享這些常用的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]之類(lèi)的表示所支持的瀏覽器及版本.

Javascript Div Style大全

歡迎您的光顧，我們將竭誠(chéng)為您服務(wù)×