Aug 2007

DOM Level 2 Style

DOM Level 2 besteht aus zwei Sektionen: DOM Stylesheets operiert auf den Stylesheet-Angaben des Dokuments, die durch LINK- oder STYLE-Elemente im HEAD-Element des Dokuments erzeugt werden.

StyleSheet StyleSheetList MediaList
LinkStyle DocumentStyle

DOM CSS operiert auf den CSS-Regeln von DOM Stylesheets.

CSSStyleSheet CSSRuleList CSSRule
CSSStyleRule CSSMediaRule CSSFontFaceRule
CSSPageRule CSSImportRule CSSCharsetRule
CSSUnknownRule CSSStyleDeclaration CSSValue
CSSPrimitiveValue CSSValueList RGBColor
Rect Counter ViewCSS
DocumentCSS DOMImplementationCSS ElementCSSInlineStyle
CSS2Properties

Die DOM Style Sheets & CSS-Spezifikation baut einen Knotenbaum, äquivalent zum Knotenbaum der Core-Spezifikation auf.

  • document.styleSheets
    • document.styleSheets[0]
      • type
      • disabled
      • ownerNode
      • parentStyleSheet
      • href
      • title
      • media
      • cssRules
        • cssRules[0]
          • cssText
          • selectorText
          • style
          • parentStyleSheet
        • cssRules[1]
        • cssRules[2]
    • document.styleSheets[1]
    • document.styleSheets[2]

Object StyleSheet

stellt ein individuelles Stylesheet eines Dokuments dar. In HTML stellt das StyleSheet-Objekt sowohl externe Stylesheets, die über das LINK-Element eingebunden sind, als auch Stylesheets, die über das STYLE-Element eingebunden sind, dar.

In einem XML-Dokument stellt StyleSheet ein externes Stylesheet dar, das über eine ProcesingInstruction eingebunden sind.

Eigenschaften Methoden
type
disabled
ownerNode
parentStyleSheet
href
title
media

Object StyleSheetList

Eigenschaften Methoden
length item(index) oder item[index]

Object MediaList

Eigenschaften Methoden
mediaText item(index) oder item[index]
length deleteMedium(oldMedium)
appendMedium(newMedium)

Object LinkStyle

Eigenschaften Methoden
sheet

Object DocumentStyle

Eigenschaften Methoden
styleSheets

Document Object Model CSS

Object CSSStyleSheet

CSSStyleSheet erbt alle Eigenschaften und Methoden des StyleSheet-Objekts als auch die Eigenschaften und Methoden darunter.

Eigenschaften Methoden
cssRules insertRule(rule, index)
ownerRule deleteRule(index)

Object CSSRuleList

Eigenschaften Methoden
length item(index) oder item[index]

Prototype Object CSSRule

CSSRule.UNKNOWN_RULE 0 CSSRule.STYLE_RULE 1
CSSRule.CHARSET_RULE 2 CSSRule.IMPORT_RULE 3
CSSRule.MEDIA_RULE 4 CSSRule.FONT_FACE_RULE 5
CSSRule.PAGE_RULE 6

Object CSSRule

Eigenschaften Methoden
type
cssText
parentStyleSheet
parentRule

Object CSSStyleRule

CSSStyleRule erbt alle Eigenschaften und Methoden des CSSRule-Objekts als auch die Eigenschaften und Methoden darunter.

Eigenschaften Methoden
selectorText
style

Object CSSMediaRule

CSSMediaRule erbt alle Eigenschaften und Methoden des CSSRule-Objekts als auch die Eigenschaften und Methoden darunter.

Eigenschaften Methoden
media insertRule(rule, index)
cssRules deleteRule(index)

Object CSSFontFaceRule

CSSFontFaceRule erbt alle Eigenschaften und Methoden des CSSRule-Objekts als auch die Eigenschaften und Methoden darunter.

Eigenschaften Methoden
style

Object CSSPageRule

CSSPageRule erbt alle Eigenschaften und Methoden des CSSRule-Objekts als auch die Eigenschaften und Methoden darunter.

Eigenschaften Methoden
selectorText
style

Object CSSImportRule

CSSImportRule erbt alle Eigenschaften und Methoden des CSSRule-Objekts als auch die Eigenschaften und Methoden darunter.

Eigenschaften Methoden
href
media
styleSheet

Object CSSCharsetRule

CSSCharsetRule erbt alle Eigenschaften und Methoden des CSSRule-Objekts als auch die Eigenschaften und Methoden darunter.

Eigenschaften Methoden
encoding

Object CSSUnknownRule

CSSUnknownRule erbt alle Eigenschaften und Methoden des CSSRule-Objekts als auch die Eigenschaften und Methoden darunter.

Object CSSStyleDeclaration

Eigenschaften Methoden
cssText getPropertyValue(propertyName)
length getPropertyCSSValue(propertyName)
parentRule removeProperty(propertyName)
getPropertyPriority(propertyName)
setProperty(propertyName, value, priority)
item(index) oder item[index]

Prototype Object CSSValue

CSSValue.CSS_INHERIT 0 CSSValue.CSS_PRIMITIVE_VALUE 1
CSSValue.CSS_VALUE_LIST 2 CSSValue.CSS_CUSTOM 3

Object CSSValue

Eigenschaften Methoden
cssText
cssValueType

Prototype Object CSSPrimitiveValue

CSSPrimitiveValue.CSS_UNKNOWN 0 CSSPrimitiveValue.CSS_NUMBER 1
CSSPrimitiveValue.CSS_PERCENTAGE 2 CSSPrimitiveValue.CSS_EMS 3
CSSPrimitiveValue.CSS_EXS 4 CSSPrimitiveValue.CSS_PX 5
CSSPrimitiveValue.CSS_CM 6 CSSPrimitiveValue.CSS_MM 7
CSSPrimitiveValue.CSS_IN 8 CSSPrimitiveValue.CSS_PT 9
CSSPrimitiveValue.CSS_PC 10 CSSPrimitiveValue.CSS_DEG 11
CSSPrimitiveValue.CSS_RAD 12 CSSPrimitiveValue.CSS_GRAD 13
CSSPrimitiveValue.CSS_MS 14 CSSPrimitiveValue.CSS_S 15
CSSPrimitiveValue.CSS_HZ 16 CSSPrimitiveValue.CSS_KHZ 17
CSSPrimitiveValue.CSS_DIMENSION 18 CSSPrimitiveValue.CSS_STRING 19
CSSPrimitiveValue.CSS_URI 20 CSSPrimitiveValue.CSS_IDENT 21
CSSPrimitiveValue.CSS_ATTR 22 CSSPrimitiveValue.CSS_COUNTER 23
CSSPrimitiveValue.CSS_RECT 24 CSSPrimitiveValue.CSS_RGBCOLOR 25

Object CSSPrimitiveValue

CSSPrimitiveValue erbt alle Eigenschaften und Methoden des CSSValue-Objekts als auch die Eigenschaften und Methoden darunter.

Eigenschaften Methoden
primitiveType setFloatValue(unitType, floatValue)
getFloatValue(unitType)
setStringValue(stringType, stringValue)
getStringValue()
getCounterValue()
getRectValue()
getRGBColorValue()

Object CSSValueList

CSSValueList erbt alle Eigenschaften und Methoden des CSSValue-Objekts als auch die Eigenschaften und Methoden darunter.

Eigenschaften Methoden
length item(index) oder item[index]

Object RGBColor

Eigenschaften Methoden
red
green
blue

Object Rect

Eigenschaften Methoden
top
right
bottom
left

Object Counter

Eigenschaften Methoden
identifier
listStyle
separator

Object ViewCSS

ViewCSS erbt alle Eigenschaften und Methoden des AbstractView-Objekts als auch die Eigenschaften und Methoden darunter.

Eigenschaften Methoden
getComputedStyle(elt, pseudoElt)

Object DocumentCSS

DocumentCSS erbt alle Eigenschaften und Methoden des DocumentStyle-Objekts als auch die Eigenschaften und Methoden darunter.

Eigenschaften Methoden
getOverrideStyle(elt, pseudoElt)

Object DOMImplementationCSS

DOMImplementationCSS erbt alle Eigenschaften und Methoden des DOMImplementation-Objekts als auch die Eigenschaften und Methoden darunter.

Eigenschaften Methoden
createCSSStyleSheet(title, media)

Object ElementCSSInlineStyle

Eigenschaften Methoden
style

Object CSS2Properties

Eigenschaften Methoden
azimuth
background
backgroundAttachment
backgroundColor
backgroundImage
backgroundPosition
backgroundRepeat
border
borderCollapse
borderColor
borderSpacing
borderStyle
borderTop
borderRight
borderBottom
borderLeft
borderTopColor
borderRightColor
borderBottomColor
borderLeftColor
borderTopStyle
borderRightStyle
borderBottomStyle
borderLeftStyle
borderTopWidth
borderRightWidth
borderBottomWidth
borderLeftWidth
borderWidth
bottom
captionSide
clear
clip
color
content
counterIncrement
counterReset
cue
cueAfter
cueBefore
cursor
direction
display
elevation
emptyCells
cssFloat
font
fontFamily
fontSize
fontSizeAdjust
fontStretch
fontStyle
fontVariant
fontWeight
height
left
letterSpacing
lineHeight
listStyle
listStyleImage
listStylePosition
listStyleType
margin
marginTop
marginRight
marginBottom
marginLeft
markerOffset
marks
maxHeight
maxWidth
minHeight
minWidth
orphans
outline
outlineColor
outlineStyle
outlineWidth
overflow
padding
paddingTop
paddingRight
paddingBottom
paddingLeft
page
pageBreakAfter
pageBreakBefore
pageBreakInside
pause
pauseAfter
pauseBefore
pitch
pitchRange
playDuring
position
quotes
richness
right
size
speak
speakHeader
speakNumeral
speakPunctuation
speechRate
stress
tableLayout
textAlign
textDecoration
textIndent
textShadow
textTransform
top
unicodeBidi
verticalAlign
visibility
voiceFamily
volume
whiteSpace
widows
width
wordSpacing
zIndex