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