CSS Style Referansı

Javascript üzerinden CSS işlemleri için gerekli style parametreleri
www.dijitalders.com
Object Model Reference
  • [window.]document.getElementById("elementID").style
  • [window.]document.styleSheets[i].rules[j].style
  • [window.]document.styleSheets[i].cssRules[j].style
Object-Specific Properties

accelerator azimuth background
backgroundAttachment backgroundColor backgroundImage
backgroundPosition backgroundPositionX backgroundPositionY
backgroundRepeat behavior blockDirection
border borderBottom borderBottomColor
borderBottomStyle borderBottomWidth borderCollapse
borderColor borderLeft borderLeftColor
borderLeftStyle borderLeftWidth borderRight
borderRightColor borderRightStyle borderRightWidth
borderSpacing borderStyle borderTop
borderTopColor borderTopStyle borderTopWidth
borderWidth bottom captionSide
clear clip clipBottom
clipLeft clipRight clipTop
color content counterIncrement
counterReset cssFloat cssText
cue cueAfter cueBefore
cursor direction display
elevation emptyCells filter
font fontFamily fontSize
fontSizeAdjust fontStretch fontStyle
fontVariant fontWeight height
imeMode layoutFlow layoutGrid
layoutGridChar layoutGridLine layoutGridMode
layoutGridType left letterSpacing
lineBreak lineHeight listStyle
listStyleImage listStylePosition listStyleType
margin marginBottom marginLeft
marginRight marginTop markerOffset
marks maxHeight maxWidth
minHeight minWidth MozBinding
MozOpacity orphans outline
outlineColor outlineStyle outlineWidth
overflow overflowX overflowY
padding paddingBottom paddingLeft
paddingRight paddingTop page
pageBreakAfter pageBreakBefore pageBreakInside
pause pauseAfter pauseBefore
pitch pitchRange pixelBottom
pixelHeight pixelLeft pixelRight
pixelTop pixelWidth playDuring
posBottom posHeight posLeft
posRight posTop posWidth
position quotes richness
right rubyAlign rubyOverhang
rubyPosition scrollbar3dLightColor scrollbarArrowColor
scrollbarBaseColor scrollbarDarkShadowColor scrollbarFaceColor
scrollbarHighlightColor scrollbarShadowColor scrollbarTrackColor
size speak speakHeader
speakNumeral speakPunctuation speechRate
stress styleFloat tableLayout
textAlign textAlignLast textAutospace
textDecoration textDecorationBlink textDecorationLineThrough
textDecorationNone textDecorationOverline textDecorationUnderline
textIndent textJustify textKashidaSpace
textOverflow textShadow textTransform
textUnderlinePosition top unicodeBidi
verticalAlign visibility voiceFamily
volume whiteSpace widows
width wordBreak wordSpacing
wordWrap writingMode zIndex
zoom

Object-Specific Methods

getPropertyCSSValue( ) getPropertyPriority( ) getPropertyValue( )
item( ) removeProperty( ) setProperty( )


Example of Javascript Style Sheets
<style type="text/javascript">
<!--

tags.H1.color="red"
tags.H1.textTransform="capitalize"

with (tags.P) {
fontSize="14pt"
marginLeft="2em"
marginRight="2em"
}
contectual(tags.P, tags.EM).fontSize="16pt" // P EM {...}

with (classes.narrow.P) {
color = "red"
marginLeft = "5em"
marginRight = "5em"
}

ids.special4.borderWidths("5px", "5px", "5px", "5px")
//-->
</style>

Kaynakwww.yasininat.com/ref/index.php , www.sentex.net/~ajy/jsss.html


Yorumunuzu Ekleyin


Yükleniyor...
Yükleniyor...