English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Das Style-Objekt stellt eine einzelne Styladeklaration dar.
Das Style-Objekt kann vom Dokument oder vom Element, dem der Stil angewendet wird, abgerufen werden.
Die nachstehende Tabelle listet die Eigenschaften des Style-Objekts auf.
Die "CSS"-Spalte zeigt an, in welcher CSS-Version das Attribut definiert ist (CSS1，CSS2oder CSS3）。
| Eigenschaft | Beschreibung | CSS |
|---|---|---|
| alignContent | Einstellen oder zurückschreiben der Ausrichtung der Zeilen im flexiblen Behälter, wenn die Projekte nicht den gesamten verfügbaren Raum verwenden | 3 |
| alignItems | Einstellen oder zurückschreiben der Ausrichtung der Projekte im flexiblen Behälter | 3 |
| alignSelf | Einstellen oder zurückschreiben der Ausrichtung der ausgewählten Projekte im flexiblen Behälter | 3 |
| animation | Alle Abbreviationsattribute der Animationseigenschaften, abgesehen vom animationPlayState-Attribut | 3 |
| animationDelay | Einstellen oder zurückschreiben der Zeit, zu der die Animation beginnt | 3 |
| animationDirection | Einstellen oder zurückschreiben, ob die Animation einmal abwechselnd abgespielt werden sollte | 3 |
| animationDuration | Einstellen oder zurückschreiben der Zeit, die ein Zyklus der Animation dauert, in Sekunden oder Millisekunden | 3 |
| animationFillMode | Einstellen oder zurückschreiben des Werts, der angewendet wird, wenn die Animation nicht im Ausführungszeitraum ausgeführt wird | 3 |
| animationIterationCount | Einstellen oder zurückschreiben der Anzahl der Wiederholungen der Animation | 3 |
| animationName | Einstellen oder zurückschreiben des Namens der @keyframes-Animation | 3 |
| animationTimingFunction | Einstellen oder zurückschreiben der Geschwindigkeitskurve der Animation | 3 |
| animationPlayState | Einstellen oder zurückschreiben, ob die Animation läuft oder pausiert | 3 |
| background | Einstellen oder zurückschreiben aller Hintergrundattribute in einer Deklaration | 1 |
| backgroundAttachment | Einstellen oder zurückschreiben, ob das Hintergrundbild fest ist oder mit der Seite zusammenrollt | 1 |
| backgroundColor | Einstellen oder zurückschreiben der Hintergrundfarbe des Elements | 1 |
| backgroundImage | Einstellen oder zurückschreiben des Hintergrundbildes des Elements | 1 |
| backgroundPosition | Einstellen oder zurückschreiben der Ausgangsposition des Hintergrundbildes | 1 |
| backgroundRepeat | Einstellen oder zurückschreiben, wie das Hintergrundbild wiederholt (klein gelegt) wird | 1 |
| backgroundClip | Einstellen oder zurückschreiben des Zeichnungsbereichs des Hintergrunds | 3 |
| backgroundOrigin | Einstellen oder zurückschreiben des Bereichs der Positionierung des Hintergrundbildes | 3 |
| backgroundSize | Einstellen oder zurückschreiben der Größe des Hintergrundbildes | 3 |
| backfaceVisibility | Einstellen oder zurückschreiben, ob ein Element sichtbar sein sollte, wenn es sich nicht auf dem Bildschirm befindet | 3 |
| border | In einer Deklaration setzen oder zurückgeben von borderWidth, borderStyle und borderColor | 1 |
| borderBottom | In einer Deklaration alle borderBottom-Eigenschaften setzen oder zurückgeben | 1 |
| borderBottomColor | Setzen oder zurückgeben der Farbe der unteren Umrandung | 1 |
| borderBottomLeftRadius | Setzen oder zurückgeben der Form der unteren linken Umrandung | 3 |
| borderBottomRightRadius | Setzen oder zurückgeben der Form der unteren rechten Umrandung | 3 |
| borderBottomStyle | Setzen oder zurückgeben des Stils der unteren Umrandung | 1 |
| borderBottomWidth | Setzen oder zurückgeben der Breite der unteren Umrandung | 1Stück |
| borderCollapse | Setzen oder zurückgeben, ob die Tabellenumrandung in eine einzelne Umrandung zusammengefasst wird | 2 |
| borderColor | Setzen oder zurückgeben der Farbe der Elementumrandung (bis zu vier Werte sind möglich) | 1 |
| borderImage | Kurzform zur Einstellung oder Rückgabe aller borderImage-Eigenschaften | 3 |
| borderImageOutset | Setzen oder zurückgeben der Anzahl der Überlappungen des borderImage-Bereichs über der Umrandung | 3 |
| borderImageRepeat | Setzen oder zurückgeben, ob die Bildgrenze wiederholt, abgerundet oder gestreckt werden soll | 3 |
| borderImageSlice | Setzen oder zurückgeben des Innenaussetzens der Bildgrenze | 3 |
| borderImageSource | Setzen oder zurückgeben des Bildes, das als Umrandung verwendet wird | 3 |
| borderImageWidth | Setzen oder zurückgeben der Breite der Bildumrandung | 3 |
| borderLeft | In einer Deklaration alle borderLeft-Eigenschaften setzen oder zurückgeben | 1 |
| borderLeftColor | Setzen oder zurückgeben der Farbe der linken Umrandung | 1 |
| borderLeftStyle | Setzen oder zurückgeben des Stils der linken Umrandung | 1 |
| borderLeftWidth | Setzen oder zurückgeben der Breite der linken Umrandung | 1Stück |
| borderRadius | Kurzform zur Einstellung oder Rückgabe aller vier borderRadius-Eigenschaften | 3 |
| borderRight | In einer Deklaration alle borderRight-Eigenschaften setzen oder zurückgeben | 1 |
| borderRightColor | Setzen oder zurückgeben der Farbe der rechten Umrandung | 1 |
| borderRightStyle | Setzen oder zurückgeben des Stils der rechten Umrandung | 1 |
| borderRightWidth | Setzen oder zurückgeben der Breite der rechten Umrandung | 1 |
| borderSpacing | Setzen oder zurückgeben des Raums zwischen den Zellen in einer Tabelle | 2 |
| borderStyle | Setzen oder zurückgeben des Stils der Elementumrandung (bis zu vier Werte sind möglich) | 1 |
| borderTop | In einer Deklaration alle borderTop-Eigenschaften setzen oder zurückgeben | 1 |
| borderTopColor | Setzen oder Rückgabe der Farbe der oberen Kante des Rahmens | 1 |
| borderTopLeftRadius | Setzen oder Rückgabe der Form des oberen linken Ecks des Rahmens | 3 |
| borderTopRightRadius | Setzen oder Rückgabe der Form des oberen rechten Ecks des Rahmens | 3 |
| borderTopStyle | Setzen oder Rückgabe des Stils der oberen Kante des Rahmens | 1 |
| borderTopWidth | Setzen oder Rückgabe der Breite der oberen Kante des Rahmens | 1 |
| borderWidth | Setzen oder Rückgabe der Breite des Rahmens des Elements (bis zu vier Werte sind möglich) | 1 |
| bottom | Setzen oder Rückgabe der Position der Unterseite des Elements | 2 |
| boxDecorationBreak | Setzen oder Rückgabe des Verhaltens der Hintergrund- und Rahmenfarbe bei einem Zeilenumbruch oder einem Seitenwechsel | 3 |
| boxShadow | Fügen eines oder mehrerer Schatten zu einem Rahmen hinzu | 3 |
| boxSizing | Ermöglicht es, bestimmte Elemente so an eine Region anzupassen | 3 |
| captionSide | Setzen oder Rückgabe der Position des Tabellenkopfes | 2 |
| clear | Setzen oder Rückgabe der Position des Elements im Verhältnis zu float-Objekten | 1 |
| clip | Setzen oder Rückgabe, welche Teil des Elements sichtbar sein soll | 2 |
| color | Setzen oder Rückgabe der Farbe des Textes | 1 |
| columnCount | Setzen oder Rückgabe der Anzahl der Spalten, die das Element aufteilen soll | 3 |
| columnFill | Setzen oder Rückgabe, wie die Spalten gefüllt werden sollen | 3 |
| columnGap | Setzen oder Rückgabe des Abstands zwischen den Spalten | 3 |
| columnRule | Kurzschreibweise zum Setzen oder Rückgabe aller columnRule-Attribute | 3 |
| columnRuleColor | Setzen oder Rückgabe der Farbe der Regel zwischen den Spalten | 3 |
| columnRuleStyle | Setzen oder Rückgabe des Stils der Regel zwischen den Spalten | 3 |
| columnRuleWidth | Setzen oder Rückgabe der Breite der Regel zwischen den Spalten | 3 |
| columns | Kurzschreibweise zum Setzen oder Rückgabe von columnWidth und columnCount | 3 |
| columnSpan | Setzen oder Rückgabe, wie viele Spalten das Element überspannen soll | 3 |
| columnWidth | Setzen oder Rückgabe der Breite der Spalte | 3 |
| content | Mit den Pseudo-Elementen :before und :after verwenden, um generiertes Inhalt einzufügen | 2 |
| counterIncrement | Erhöhen eines oder mehrerer Zähler | 2 |
| counterReset | Erstellen oder zurücksetzen eines oder mehrerer Zähler | 2 |
| cursor | Setzen oder Rückgabe des Cursors, der an den Mauszeiger angezeigt wird | 2 |
| direction | Setzen oder Rückgabe der Textausrichtung | 2 |
| display | Setzen oder Rückgabe des Anzeigetyps des Elements | 1 |
| emptyCells | Setzen oder Rückgabe, ob die Rahmen und der Hintergrund von leeren Zellen angezeigt werden sollen | 2 |
| filter | Setzen oder Rückgabe des Bildfilters (visuelle Effekte wie Verwischung und Sättigung) | 3 |
| flex | Setzen oder Rückgabe der Länge des Elements im Verhältnis zum Rest des Teils | 3 |
| flexBasis | Setzen oder Rückerhalten der initialen Länge des elastischen Materials | 3 |
| flexDirection | Setzen oder Rückerhalten der Richtung des elastischen Elements | 3 |
| flexFlow | Kurzform der Eigenschaften flexDirection und flexWrap | 3 |
| flexGrow | Setzen oder Rückerhalten der Zunahme des Elements im Verhältnis zu den übrigen Elementen | 3 |
| flexShrink | Setzen oder Rückerhalten der Kontraktion des Elements im Verhältnis zu den übrigen Elementen | 3 |
| flexWrap | Setzen oder Rückerhalten, ob der elastische Projekt das Umwickeln durchführen sollte | 3 |
| cssFloat | Setzen oder Rückerhalten der horizontalen Ausrichtung des Elements | 1 |
| font | In einer Anweisung Setzen oder Rückerhalten von fontStyle, fontVariant, fontWeight, fontSize, lineHeight und fontFamily | 1 |
| fontFamily | Setzen oder Rückerhalten der Schriftart des Texts | 1 |
| fontSize | Setzen oder Rückerhalten der Schriftgröße des Texts | 1 |
| fontStyle | Setzen oder Rückerhalten, ob der Stil der Schriftart normal, kursiv oder fett ist | 1 |
| fontVariant | Setzen oder Rückerhalten, ob Buchstaben in Klein- oder Großbuchstaben angezeigt werden | 1 |
| fontWeight | Setzen oder Rückerhalten der Fettigkeit der Schriftart | 1 |
| fontSizeAdjust | Beibehalten der Lesbarkeit des Texts bei der Schriftart zurücktreten | 3 |
| fontStretch | Eine gewöhnliche, komprimierte oder erweiterte Schriftart aus der Schriftartenauswahl auswählen | 3 |
| hangingPunctuation | Bestimmen, ob Satzzeichen außerhalb des Zeilenrahmens platziert werden können | 3 |
| height | Setzen oder Rückerhalten der Höhe des Elements | 1 |
| hyphens | Setzen, wie Wörter zerschnitten werden, um die Layoutgestaltung des Absatzes zu verbessern | 3 |
| icon | Ermöglichen, dass der Autor die Stile mit等效em Symbol für das Element setzt | 3 |
| imageOrientation | Bestimmen, in welche Richtung der Benutzeragent das Bild drehen muss | 3 |
| isolation | Definieren, ob das Element neue Stapelinhalte erstellen muss | 3 |
| justifyContent | Wenn das Element nicht den gesamten verfügbaren Raum verwendet, Setzen oder Rückerhalten der Ausrichtung des Elements im elastischen Behälter. | 3 |
| left | Setzen oder Rückerhalten der linken Position des positionierten Elements | 2 |
| letterSpacing | Setzen oder Rückerhalten des Abstands zwischen den Zeichen im Text | 1 |
| lineHeight | Setzen oder Rückerhalten des Abstands zwischen den Zeilen im Text | 1 |
| listStyle | In einer Anweisung Setzen oder Rückerhalten von listStyleImage, listStylePosition und listStyleType | 1 |
| listStyleImage | Setzen oder Rückerhalten eines Bildes als Markierung für Liste | 1 |
| listStylePosition | Setzen oder Rückerhalten der Position der Markierung für Liste | 1 |
| listStyleType | Setzen oder Rückerhalten des Typs der Markierung für Liste | 1 |
| margin | Einstellen oder zurückgeben der Außenabstände des Elements (kann maximal vier Werte enthalten) | 1 |
| marginBottom | Einstellen oder zurückgeben der unteren Außenabstand des Elements | 1 |
| marginLeft | Einstellen oder zurückgeben der linken Außenabstand des Elements | 1 |
| marginRight | Einstellen oder zurückgeben der rechten Außenabstand des Elements | 1 |
| marginTop | Einstellen oder zurückgeben der oberen Außenabstand des Elements | 1 |
| maxHeight | Einstellen oder zurückgeben der maximalen Höhe des Elements | 2 |
| maxWidth | Einstellen oder zurückgeben der maximalen Breite des Elements | 2 |
| minHeight | Einstellen oder zurückgeben der minimalen Höhe des Elements | 2 |
| minWidth | Einstellen oder zurückgeben der minimalen Breite des Elements | 2 |
| navDown | Einstellen oder zurückgeben der Navigation position, wenn die Pfeiltaste nach unten verwendet wird | 3 |
| navIndex | Einstellen oder zurückgeben der Tab-Reihenfolge des Elements | 3 |
| navLeft | Einstellen oder zurückgeben der Navigation position, wenn die Pfeiltaste nach links verwendet wird | 3 |
| navRight | Einstellen oder zurückgeben der Navigation position, wenn die Pfeiltaste nach rechts verwendet wird | 3 |
| navUp | Einstellen oder zurückgeben der Navigation position, wenn die Pfeiltaste nach oben verwendet wird | 3 |
| objectFit | Bestimmen Sie, wie das Inhalt des ersetzen Elements in den Rahmen passen soll, der durch die Höhe und Breite erstellt wird | 3 |
| objectPosition | Bestimmen Sie die Ausrichtung des ersetzen Elements im Rahmen | 3 |
| opacity | Einstellen oder zurückgeben des Transparenzniveaus des Elements | 3 |
| order | Einstellen oder zurückgeben der Reihenfolge der Elastischen Elemente im Vergleich zu den übrigen Elementen | 3 |
| orphans | Einstellen oder zurückgeben der minimalen Anzahl der Zeilen, die am unteren Rand der Seite bleiben müssen, wenn ein Seitenumbruch im Element erfolgt | 2 |
| outline | In einer Deklaration alle Rahmeneigenschaften einstellen oder zurückgeben | 2 |
| outlineColor | Einstellen oder zurückgeben der Farbe des Rahmens um das Element | 2 |
| outlineOffset | Verschieben des Rahmens und Zeichnen desselben außerhalb der Kanten des Rahmens | 3 |
| outlineStyle | Einstellen oder zurückgeben des Stils des Rahmens um das Element | 2 |
| outlineWidth | Einstellen oder zurückgeben der Breite des Rahmens um das Element | 2 |
| overflow | Einstellen oder zurückgeben der Art und Weise, wie der Inhalt außerhalb des Rahmens des Elements dargestellt wird | 2 |
| overflowX | Bestimmen Sie den Ort im linken Bereich des Inhalts/Wie soll verarbeitet werden, wenn der rechte Rand des Elements den Inhaltsbereich übersteigt? | 3 |
| overflowY | Bestimmen Sie den Ort im oberen Bereich des Inhalts/Wie soll verarbeitet werden, wenn der untere Rand des Elements den Inhaltsbereich übersteigt? | 3 |
| padding | Einstellen oder zurückgeben der Füllung des Elements (kann maximal vier Werte enthalten) | 1 |
| paddingBottom | Einstellen oder zurückgeben der unteren Füllung des Elements | 1 |
| paddingLeft | Einstellen oder zurückgeben der linken Füllung des Elements | 1 |
| paddingRight | Einstellen oder zurückgeben der rechten Füllung des Elements | 1 |
| paddingTop | Einstellen oder zurückgeben der oberen Füllung des Elements | 1 |
| pageBreakAfter | Einstellen oder zurückgeben des Verhaltens des Seitenumbruchs nach dem Element | 2 |
| pageBreakBefore | Setzen oder Rückgabe des Verhaltens der Seitenaufteilung vor dem Element | 2 |
| pageBreakInside | Setzen oder Rückgabe des Verhaltens der Seitenaufteilung innerhalb des Elements | 2 |
| perspective | Setzen oder Rückgabe der Art und Weise, wie betrachtet wird3Perspektive des D-Elements | 3 |
| perspectiveOrigin | Setzen oder Rückgabe3Position des Elements am Boden des D-Elements | 3 |
| position | Setzen oder Rückgabe des Typs der Positionsmethode für das Element (statisch, relativ, absolut oder fest) | 2 |
| quotes | Setzen oder Rückgabe des Typs der Anführungszeichen für eingebettete Anführungszeichen | 2 |
| resize | Setzen oder Rückgabe, ob das Element von den Benutzern vergrößert oder verkleinert werden kann | 3 |
| right | Setzen oder Rückgabe der richtigen Position des positionierten Elements | 2 |
| tableLayout | Setzen oder Rückgabe der Art und Weise, wie Zellen, Zeilen und Spalten in der Tabelle angeordnet werden | 2 |
| tabSize | Setzen oder Rückgabe der Länge des Tabulators | 3 |
| textAlign | Setzen oder Rückgabe des horizontalen Ausrichtungsmethods des Textes | 1 |
| textAlignLast | Setzen oder Rückgabe des Ausrichtungsmethods, bevor eine Zwangspassage vor dem Block oder der letzten Zeile erfolgt, wenn der Textausrichten auf 'justify' ist | 3 |
| textDecoration | Setzen oder Rückgabe der Textdekoration | 1 |
| textDecorationColor | Setzen oder Rückgabe der Farbe der Textdekoration | 3 |
| textDecorationLine | Setzen oder Rückgabe des Typs der Zeile in der Textdekoration | 3 |
| textDecorationStyle | Setzen oder Rückgabe des Stils der Linie in der Textdekoration | 3 |
| textIndent | Setzen oder Rückgabe des Einrückungsabstands des ersten Absatzes | 1 |
| textJustify | Setzen oder Rückgabe des Ausrichtungsmethods, das beim Textausrichten auf 'justify' verwendet wird | 3 |
| textOverflow | Setzen oder Rückgabe des Verhaltens, wenn der Text aus dem umschließenden Element herausgeht | 3 |
| textShadow | Setzen oder Rückgabe des Schatteneffekts des Textes | 3 |
| textTransform | Setzen oder Rückgabe der Großschreibung des Textes | 1 |
| top | Setzen oder Rückgabe der oberen Position des positionierten Elements | 2 |
| transform | die2D oder3D-Transformation wird auf das Element angewendet | 3 |
| transformOrigin | Setzen oder Rückgabe der Position des Elements nach der Transformation | 3 |
| transformStyle | Setzen oder Rückgabe von3Art der Rendierung eingebetteter Elemente im D-Raum | 3 |
| transition | Kurzform zur Einstellung oder Rückgabe der vier Übergangseigenschaften | 3 |
| transitionProperty | Setzen oder Rückgabe der CSS-Eigenschaft, auf die der Übergangseffekt angewendet wird | 3 |
| transitionDuration | Setzen oder Rückgabe der Anzahl der Sekunden oder Millisekunden, die der Übergangseffekt dauert | 3 |
| transitionTimingFunction | Setzen oder Rückgabe der Geschwindigkeitskurve des Übergangseffekts | 3 |
| transitionDelay | Setzen oder Rückgabe der Zeit für den Start des Übergangseffekts | 3 |
| unicodeBidi | Legt oder gibt fest, ob der Text rewritten werden sollte, um mehrere Sprachen im selben Dokument zu unterstützen | 2 |
| userSelect | Legt oder gibt fest, ob der Text des Elements ausgewählt werden kann | 2 |
| verticalAlign | Legt oder gibt die vertikale Ausrichtung des Inhalts im Element fest | 1 |
| visibility | Legt oder gibt fest, ob das Element sichtbar sein sollte | 2 |
| whiteSpace | Legt oder gibt fest, wie Tabulatoren, Zeilenumbrüche und Leerzeichen im Text behandelt werden sollen | 1 |
| width | Legt oder gibt die Breite des Elements fest | 1 |
| wordBreak | Legt oder gibt die Zeilenumbruchregeln für nicht-CJK-Skripte fest | 3 |
| wordSpacing | Legt oder gibt den Abstand zwischen den Wörtern im Text fest | 1 |
| wordWrap | Ermöglicht das Zerreißen langer, unzerstörbarer Wörter und das Umsetzen auf die nächste Zeile | 3 |
| widows | Legt oder gibt die minimale Anzahl der Zeilen fest, die ein Element auf der Seite oben sichtbar sein muss | 2 |
| zIndex | Legt oder gibt die Stacking-Order des positionierten Elements fest | 2 |
HTML-Tutorial:HTML CSS
CSS-Tutorial:CSS-Tutorial
HTML-Referenz:HTML <style>-Tag
CSS-Referenz:CSS-Attribute