CSS Style Referansı
Javascript üzerinden CSS işlemleri için gerekli style parametreleri
Object Model Reference
Object-Specific Methods
- [window.]document.getElementById("elementID").style
- [window.]document.styleSheets[i].rules[j].style
- [window.]document.styleSheets[i].cssRules[j].style
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