Style-Objekt
Das Style-Objekt stellt ein individuelles Style-Statement.
Zugriff auf ein Style-Objekt
Das Style - Objekt kann aus dem Kopfteil des Dokuments oder von spezifischen HTML zugegriffen wird element(s) .
Zugriff auf Stil object(s) aus dem Kopfteil des Dokuments:
Zugriff auf ein angegebenes Element Stil Objekt:
Erstellen Sie ein Style-Objekt
Sie können einen erstellen <style> , indem Sie das Element document. createElement() document. createElement() Methode:
Sie können auch die Stileigenschaften eines vorhandenen Elements festgelegt:
Style-Objekt-Eigenschaften
Die "CSS" Spalte gibt an, in der CSS - Version wird die Eigenschaft definiert (CSS1, CSS2, or CSS3) .
| Eigentum | Beschreibung | CSS |
|---|---|---|
| alignContent | Setzt oder sendet die Ausrichtung zwischen den Zeilen in einem flexiblen Behälter, wenn die Elemente nicht den gesamten verfügbaren Speicherplatz verwenden | 3 |
| alignItems | Setzt oder sendet die Ausrichtung für Elemente in einem flexiblen Behälter | 3 |
| alignSelf | Setzt oder sendet die Ausrichtung für ausgewählte Elemente in einem flexiblen Behälter, | 3 |
| animation | Eine zusammenfassende Eigenschaft für alle Animationseigenschaften unten, mit Ausnahme der animationPlayState Eigenschaft | 3 |
| animationDelay | Sets oder zurückgibt, wenn die Animation starten | 3 |
| animationDirection | Setzt oder gibt zurück, ob oder nicht die Animation umgekehrt auf abwechselnden Zyklen spielen | 3 |
| animationDuration | Setzt oder sendet, wie viele Sekunden oder Millisekunden eine Animation dauert ein Zyklus abgeschlossen | 3 |
| animationFillMode | Setzt oder sendet, welche Werte werden durch die Animation außerhalb der Zeit ausgeführt wird | 3 |
| animationIterationCount | Setzt oder liefert die Anzahl der mal eine Animation abgespielt werden soll | 3 |
| animationName | Setzt oder sendet einen Namen für die @keyframes Animation | 3 |
| animationTimingFunction | Setzt oder gibt die Geschwindigkeitskurve der Animation | 3 |
| animationPlayState | Setzt oder gibt zurück, ob die Animation läuft oder pausiert | 3 |
| background | Setzt oder liefert alle Hintergrundeigenschaften in einer Erklärung | 1 |
| backgroundAttachment | Setzt oder gibt zurück, ob ein Hintergrundbild fixiert wird oder scrollt mit der Seite | 1 |
| backgroundColor | Setzt oder sendet die Hintergrundfarbe eines Elements | 1 |
| backgroundImage | Setzt oder sendet das Hintergrundbild für ein Element | 1 |
| backgroundPosition | Setzt oder gibt die Startposition eines Hintergrund-Bild | 1 |
| backgroundRepeat | Setzt oder sendet , wie zu wiederholen (tile) ein Hintergrundbild | 1 |
| backgroundClip | Setzt oder sendet das Bild Bereich des Hintergrunds | 3 |
| backgroundOrigin | Setzt oder gibt die Positionierungsfläche der Hintergrundbilder | 3 |
| backgroundSize | Setzt oder gibt die Größe des Hintergrundbildes | 3 |
| backfaceVisibility | Setzt oder gibt zurück, ob oder nicht ein Element sichtbar sein soll, wenn sie nicht den Bildschirm zugewandt | 3 |
| border | Setzt oder sendet border, border und border in einer Erklärung | 1 |
| borderBottom | Setzt oder gibt alle borderBottom * Eigenschaften in einer Erklärung | 1 |
| borderBottomColor | Setzt oder gibt die Farbe der unteren Grenze | 1 |
| borderBottomLeftRadius | Setzt oder gibt die Form der Grenze der unteren linken Ecke | 3 |
| borderBottomRightRadius | Setzt oder sendet die Form der Grenze der unteren rechten Ecke | 3 |
| borderBottomStyle | Setzt oder gibt den Stil der unteren Grenze | 1 |
| borderBottomWidth | Setzt oder gibt die Breite der unteren Grenze | 1 |
| borderCollapse | Setzt oder gibt zurück, ob der Tabellenrahmen sollte in eine einzige Grenze zusammengelegt werden, oder nicht | 2 |
| borderColor | Setzt oder gibt die Farbe eines Grenze des Elements (kann bis zu vier Werte) | 1 |
| borderImage | Eine zusammenfassende Eigenschaft für die Einstellung oder die Rückkehr aller borderImage * Eigenschaften | 3 |
| borderImageOutset | Setzt oder gibt den Betrag, um den die Grenze Bildbereich über die Grenzkasten erstreckt | 3 |
| borderImageRepeat | Setzt oder gibt zurück, ob das Bild Grenze sollte wiederholt werden, abgerundet oder gestreckt | 3 |
| borderImageSlice | Setzt oder sendet die nach innen Offsets der Bild Grenze | 3 |
| borderImageSource | Setzt oder sendet das Bild als Grenze verwendet werden | 3 |
| borderImageWidth | Setzt oder sendet die Breite des Bild Grenze | 3 |
| borderLeft | Setzt oder sendet alle borderLeft * Eigenschaften in einer Erklärung | 1 |
| borderLeftColor | Setzt oder gibt die Farbe des linken Randes | 1 |
| borderLeftStyle | Setzt oder gibt den Stil des linken Randes | 1 |
| borderLeftWidth | Setzt oder liefert die Breite des linken Randes | 1 |
| borderRadius | Eine zusammenfassende Eigenschaft für die Einstellung oder die Rückkehr der alle vier Grenz * Radius Eigenschaften | 3 |
| borderRight | Setzt oder gibt alle Border * Eigenschaften in einer Erklärung | 1 |
| borderRightColor | Setzt oder gibt die Farbe des rechten Randes | 1 |
| borderRightStyle | Setzt oder gibt den Stil des rechten Randes | 1 |
| borderRightWidth | Setzt oder liefert die Breite des rechten Randes | 1 |
| borderSpacing | Setzt oder gibt den Abstand zwischen den Zellen in einer Tabelle | 2 |
| borderStyle | Setzt oder gibt den Stil eines Grenze des Elements (kann bis zu vier Werte) | 1 |
| borderTop | Setzt oder gibt alle borderTop * Eigenschaften in einer Erklärung | 1 |
| borderTopColor | Setzt oder sendet die Farbe der oberen Grenze | 1 |
| borderTopLeftRadius | Setzt oder gibt die Form der Grenze der oberen linken Ecke | 3 |
| borderTopRightRadius | Setzt oder sendet die Form der Grenze der oberen rechten Ecke | 3 |
| borderTopStyle | Setzt oder gibt den Stil der oberen Grenze | 1 |
| borderTopWidth | Setzt oder gibt die Breite der oberen Grenze | 1 |
| borderWidth | Setzt oder gibt die Breite eines Rands des Elements (kann bis zu vier Werte) | 1 |
| bottom | Setzt oder sendet die untere Position eines Elements positioniert | 2 |
| boxDecorationBreak | Setzt oder sendet das Verhalten der Hintergrund und den Rand eines Elements an page-break, oder, für Inline-Elemente, bei Zeilenumbruch. | 3 |
| boxShadow | Hängt einen oder mehr Drop-Schatten auf das Feld | 3 |
| boxSizing | Damit können Sie bestimmte Elemente definieren, eine Fläche in einer bestimmten Weise passen | 3 |
| captionSide | Setzt oder gibt die Position der Tabellenbeschriftung | 2 |
| clear | Setzt oder gibt die Position des Elements relativ zum schwimmenden Objekten | 1 |
| clip | Setzt oder sendet, die Teil eines positionierten Elements sichtbar ist, | 2 |
| color | Setzt oder gibt die Farbe des Textes | 1 |
| columnCount | Setzt oder liefert die Anzahl der Spalten ein Element sollte unterteilt werden | 3 |
| columnFill | Setzt oder sendet, wie Spalten zu füllen | 3 |
| columnGap | Setzt oder sendet die Lücke zwischen den Säulen | 3 |
| columnRule | Eine zusammenfassende Eigenschaft für die Einstellung oder die Rückkehr aller columnRule * Eigenschaften | 3 |
| columnRuleColor | Setzt oder sendet die Farbe der Regel zwischen Spalten | 3 |
| columnRuleStyle | Setzt oder gibt den Stil der Regel zwischen Spalten | 3 |
| columnRuleWidth | Setzt oder liefert die Breite der Regel zwischen Spalten | 3 |
| columns | Eine zusammenfassende Eigenschaft für die Einstellung oder die Rückkehr column und column | 3 |
| columnSpan | Setzt oder sendet, wie viele Spalten ein Element überspannen sollte | 3 |
| columnWidth | Setzt oder liefert die Breite der Spalten | 3 |
| content | Verwendet, mit der: vor und: Nach dem pseudo-Elementen, um erzeugten Inhalt einzufügen | 2 |
| counterIncrement | Inkrementiert einen oder mehr Zähler | 2 |
| counterReset | Erstellt oder setzt einen oder mehr Zähler | 2 |
| cursor | Setzt oder gibt den Typ der Cursor für den Mauszeiger angezeigt werden | 2 |
| direction | Setzt oder sendet die Textrichtung | 2 |
| display | Setzt oder gibt ein Anzeigetyp des Elements | 1 |
| emptyCells | Setzt oder gibt zurück, ob die Grenze und Hintergrund der leeren Zellen zu zeigen, oder nicht | 2 |
| filter | Setzt oder sendet Bildfilter (visual effects, like blur and saturation) | 3 |
| flex | Setzt oder gibt die Länge des Elements, bezogen auf den Rest | 3 |
| flexBasis | Setzt oder sendet die anfängliche Länge eines flexiblen Element | 3 |
| flexDirection | Setzt oder gibt die Richtung der flexiblen Elemente | 3 |
| flexFlow | Eine zusammenfassende Eigenschaft für die flexDirection und die flexWrap Eigenschaften | 3 |
| flexGrow | Setzt oder sendet, wie viel das Element relativ wachsen auf den Rest | 3 |
| flexShrink | Setzt oder sendet, wie das Element schrumpft relativ zum Rest | 3 |
| flexWrap | Setzt oder gibt zurück, ob die flexiblen Elemente wickeln soll oder nicht | 3 |
| cssFloat | Setzt oder sendet die horizontale Ausrichtung eines Elements | 1 |
| font | Setzt oder sendet Schriftstil, fontVariant, fontweight, Schrifthöhe, lineheight und in einer Erklärung family | 1 |
| fontFamily | Setzt oder sendet die Schriftfamilie für Text | 1 |
| fontSize | Setzt oder sendet die Schriftgröße des Textes | 1 |
| fontStyle | Setzt oder gibt zurück, ob die Art des Gusses ist normal, kursiv oder schräg | 1 |
| fontVariant | Setzt oder gibt zurück, ob die Schrift sollte in kleinen Großbuchstaben angezeigt werden | 1 |
| fontWeight | Setzt oder sendet die Kühnheit der Schrift | 1 |
| fontSizeAdjust | Behält die Lesbarkeit von Text, wenn Schriftart Rückfall auftritt | 3 |
| fontStretch | Wählt ein normales, kondensierte oder erweiterte Gesicht von einer Schriftfamilie | 3 |
| hangingPunctuation | Gibt an, ob ein Satzzeichen außerhalb der Linie Box platziert werden kann | 3 |
| height | Setzt oder liefert die Höhe eines Elements | 1 |
| hyphens | Legt fest, wie zur Trennung von Worten das Layout der Absätze zu verbessern | 3 |
| icon | Bietet dem Autor die Möglichkeit, ein Element mit einem ikonischen äquivalent zum ursprünglichen Stil | 3 |
| imageOrientation | Gibt eine Drehung im rechten oder im Uhrzeigersinn, die ein Benutzerprogramm zu einem Bild gilt | 3 |
| justifyContent | Setzt oder sendet die Ausrichtung zwischen den Elementen in einem flexiblen Behälter, wenn die Elemente nicht den gesamten verfügbaren Speicherplatz verwenden. | 3 |
| left | Setzt oder sendet die linke Position eines Elements positioniert | 2 |
| letterSpacing | Setzt oder gibt den Abstand zwischen den Zeichen in einem Text | 1 |
| lineHeight | Setzt oder gibt den Abstand zwischen den Linien in einem Text | 1 |
| listStyle | Setzt oder sendet listStyleImage, listStylePosition, und in einer Erklärung liststyletype | 1 |
| listStyleImage | Setzt oder sendet ein Bild als list-item Marker | 1 |
| listStylePosition | Setzt oder sendet die Position des list-item Marker | 1 |
| listStyleType | Setzt oder gibt die Liste Punkt Markierertyp | 1 |
| margin | Setzt oder sendet die Ränder eines Elements (can have up to four values) | 1 |
| marginBottom | Setzt oder gibt den unteren Rand eines Elements | 1 |
| marginLeft | Setzt oder gibt den linken Rand eines Elements | 1 |
| marginRight | Setzt oder sendet den rechten Rand eines Elements | 1 |
| marginTop | Setzt oder gibt den oberen Rand eines Elements | 1 |
| maxHeight | Setzt oder gibt die maximale Höhe eines Elements | 2 |
| maxWidth | Setzt oder sendet die maximale Breite eines Elements | 2 |
| minHeight | Setzt oder sendet die minimale Höhe eines Elements | 2 |
| minWidth | Setzt oder sendet die minimale Breite eines Elements | 2 |
| navDown | Setzt oder sendet, wo zu navigieren, wenn auf den Pfeil nach unten Navigationstaste | 3 |
| navIndex | Setzt oder sendet die Tab-Reihenfolge für ein Element | 3 |
| navLeft | Setzt oder sendet, wo zu navigieren, wenn auf den Pfeil links Navigationstaste | 3 |
| navRight | Setzt oder sendet, wo zu navigieren, wenn der Pfeil-Rechts-Navigationstaste | 3 |
| navUp | Setzt oder sendet, wo zu navigieren, wenn der Pfeil-up Navigationstaste | 3 |
| opacity | Setzt oder gibt den Opazitätsniveau für ein Element | 3 |
| order | Setzt oder sendet die Reihenfolge des flexiblen Elements, relativ zum Rest | 3 |
| orphans | Setzt oder sendet die minimale Anzahl von Zeilen für ein Element, das am Ende einer Seite gelassen werden muss, wenn ein Seitenumbruch innerhalb eines Elements auftritt | 2 |
| outline | Setzt oder gibt alle Umrisse Eigenschaften in einer Erklärung | 2 |
| outlineColor | Setzt oder gibt die Farbe der Kontur um ein Element | 2 |
| outlineOffset | Versetzt eine Kontur, und zieht es über die Randkante | 3 |
| outlineStyle | Setzt oder gibt den Stil des Umrisses um ein Element | 2 |
| outlineWidth | Setzt oder liefert die Breite des Umrisses um ein Element | 2 |
| overflow | Setzt oder sendet, was mit Inhalt zu tun, die außerhalb der Element-Box macht | 2 |
| overflowX | Gibt an, was mit der linken / rechten Rändern des Inhalts zu tun, wenn sie den Inhalt des Elements Bereich überläuft | 3 |
| overflowY | Gibt an, was mit den oberen / unteren Kanten des Inhalts zu tun, wenn sie den Inhalt des Elements Bereich überläuft | 3 |
| padding | Setzt oder sendet die Polsterung eines Elements (can have up to four values) | 1 |
| paddingBottom | Setzt oder sendet die untere Polsterung eines Elements | 1 |
| paddingLeft | Sets oder gibt die linke Polsterung eines Element | 1 |
| paddingRight | Setzt oder sendet die richtige Polsterung eines Elements | 1 |
| paddingTop | Setzt oder sendet die obere Polsterung eines Elements | 1 |
| pageBreakAfter | Setzt oder sendet das page-break Verhalten nach einem Elemente | 2 |
| pageBreakBefore | Setzt oder sendet die page-break Verhalten vor einem Element | 2 |
| pageBreakInside | Setzt oder sendet das page-break Verhalten innerhalb eines Elements | 2 |
| perspective | Setzt oder gibt die Perspektive auf, wie 3D-Elemente betrachtet werden | 3 |
| perspectiveOrigin | Setzt oder sendet die untere Position von 3D-Elementen | 3 |
| position | Sets oder gibt den Typ des Positionierungsverfahren für ein Element verwendet (static, relative, absolute or fixed) | 2 |
| quotes | Setzt oder gibt den Typ von Anführungszeichen für eingebettete Zitate | 2 |
| resize | Setzt oder gibt zurück, ob oder nicht ein Element durch den Benutzer geändert werden kann | 3 |
| right | Setzt oder sendet die richtige Position eines Elements positioniert | 2 |
| tableLayout | Setzt oder gibt den Weg zu legen, Tabellenzellen, Zeilen und Spalten | 2 |
| tabSize | Setzt oder gibt die Länge der Registerkarte Zeichen | 3 |
| textAlign | Setzt oder sendet die horizontale Ausrichtung des Textes | 1 |
| textAlignLast | Setzt oder sendet , wie die letzte Zeile eines Blocks oder einer Linie direkt vor einer erzwungenen Zeilenumbruch wird ausgerichtet , wenn text-align ist "justify" | 3 |
| textDecoration | Setzt oder sendet die Dekoration eines Textes | 1 |
| textDecorationColor | Setzt oder gibt die Farbe des Textes-Dekoration | 3 |
| textDecorationLine | Setzt oder gibt den Typ der Zeile in einem Text-Dekoration | 3 |
| textDecorationStyle | Setzt oder gibt den Stil der Zeile in einer Textdekoration | 3 |
| textIndent | Setzt oder sendet den Einzug der ersten Zeile des Texts | 1 |
| textJustify | Setzt oder sendet die Begründung Methode verwendet , wenn text-align ist "justify" | 3 |
| textOverflow | Setzt oder sendet, was passieren soll, wenn der Text das Aufnahmeelement überläuft | 3 |
| textShadow | Setzt oder gibt den Schatteneffekt eines Textes | 3 |
| textTransform | Setzt oder sendet die Aktivierung eines Textes | 1 |
| top | Setzt oder sendet die obere Position eines Elements positioniert | 2 |
| transform | Wendet eine 2D- oder 3D-Transformation auf ein Element | 3 |
| transformOrigin | Setzt oder gibt die Position von transformierten Elemente | 3 |
| transformStyle | Setzt oder sendet, wie verschachtelte Elemente im 3D-Raum wiedergegeben | 3 |
| transition | Eine zusammenfassende Eigenschaft für die Einstellung oder die Rücksendung der vier Übergangseigenschaften | 3 |
| transitionProperty | Setzt oder gibt die CSS-Eigenschaft, die der Übergangseffekt ist für | 3 |
| transitionDuration | Setzt oder sendet, wie viele Sekunden oder Millisekunden ein Übergangseffekt nimmt abzuschließen | 3 |
| transitionTimingFunction | Setzt oder gibt die Drehzahlkurve des Übergangseffektes | 3 |
| transitionDelay | Setzt oder kehrt zurück, wenn der Übergangseffekt beginnt | 3 |
| unicodeBidi | Setzt oder gibt zurück, ob der Text überschrieben werden, um mehrere Sprachen in demselben Dokument zu unterstützen | 2 |
| verticalAlign | Setzt oder sendet die vertikale Ausrichtung des Inhalts in einem Element | 1 |
| visibility | Setzt oder gibt zurück, ob ein Element sichtbar sein soll, | 2 |
| whiteSpace | Setzt oder sendet, wie zu hand Tabs, Zeilenumbrüche und Leerzeichen in einem Text | 1 |
| width | Setzt oder gibt die Breite eines Elements | 1 |
| wordBreak | Setzt oder sendet Zeilenumbrüche Regeln für Nicht-CJK-Skripten | 3 |
| wordSpacing | Setzt oder gibt den Abstand zwischen den Wörtern in einem Text | 1 |
| wordWrap | Ermöglicht lange, unzerbrechlich Worte in der nächsten Zeile gebrochen und wickeln werden | 3 |
| widows | Setzt oder sendet die minimale Anzahl von Zeilen für ein Element, das am Anfang einer Seite sichtbar sein muß | 2 |
| zIndex | Sets oder gibt den Auftrag eines Stapels positionierten Elements | 2 |
Verwandte Seiten
HTML - Tutorial: HTML CSS
CSS Tutorial: CSS Tutorial
HTML - Referenz: HTML <style> -Tag
CSS - Referenz: CSS - Eigenschaften