CSS @Regel (At-rules)CSS z-index Eigenschaft

CSS-Attribut大全 Handbuch (nach Funktion)

CSS-Attribute alphabetisch durchsuchen, dieser Abschnitt enthält die neuesten CSS3Vollständige Liste der standardmäßigen Attributmerkmale. Alle Attribute werden in Animationseigenschaften, Hintergrundeigenschaften, Randeigenschaften, Farbattribut, Höhe und Breite, Flex-Elastizitätsbox, Zeichensatzattribut, Listenitemeigenschaften, Abstandseigenschaften, Konturattribut, Textzeichensatzattribut, visuelle Attribute usw. unterteilt.

Animation properties (Animation)

Eigenschaft	Beschreibung
`animation`	Specify animation based on keyframes.
`animation-delay`	Specify when the animation should start.
`animation-Texteigenschaften (Text)`	Specify whether the animation should play in reverse in alternating cycles.
`animation-duration`	Specify the number of seconds or milliseconds the animation should take to complete one cycle.
`animation-填充-mode`	Specify how to apply styles to the target before and after the CSS animation is executed.
`animation-iteration-column`	Specify the number of times the animation should play before stopping.
`animation-name`	Bestimmt`@keyframes`The name of the defined animation applied to the selected element.
`animation-play-state`	Specify whether the animation should run or pause.
`animation-timing-function`	Specify how CSS animation should proceed within each cycle.

Background properties (Background)

Eigenschaft	Beschreibung
`background`	Define various background properties in one declaration.
`background-attachment`	Specify whether the background image is fixed in the viewport or scrolls.
`background-clip`	Specify the drawing area of the background.
`background-Bestimmt die Farbe, die hinzugefügt wird.`	Define the background color of the element.
`background-图像`	Define the background image of the element.
`background-origin`	Specify the positioning area of the background image.
`background-position`	Define the origin of the background image.
`background-repeat`	Specify whether/How to tile the background image.
`background-tab`	Specify the size of the background image.

Border properties (Border)

Eigenschaft	Beschreibung
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.`	Set the width, style, and color of the border on all four sides of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-bottom`	Set the border width, style, and color of the bottom side of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-bottom-Bestimmt die Farbe, die hinzugefügt wird.`	Set the border color of the bottom side of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-bottom-left-radius`	Define the shape of the lower left corner of the element's boundary.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-bottom-right-radius`	Define the shape of the lower right boundary of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-bottom-style`	Set the border style of the bottom side of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-bottom-outline`	Set the border width of the bottom side of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-Bestimmt die Farbe, die hinzugefügt wird.`	Set the border color of all four sides of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-图像`	Specify how to use an image instead of a border style.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-图像-outset`	Specify the number of times the image border area extends beyond the border.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-图像-repeat`	Specify whether the image border should be repeated, rounded, or stretched.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-图像-slice`	Specify the inward offset of the image border.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-图像-source`	Specify the position of the image to be used as the border.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-图像-outline`	Specify the width of the image border.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-left`	Set the border width, style, and color of the left side of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-left-Bestimmt die Farbe, die hinzugefügt wird.`	Set the color of the left side border of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-left-style`	Set the border style of the left side of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-left-outline`	Set the border width of the left side of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-radius`	Define the shape of the corner of the element's boundary.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-right`	Set the border width, style, and color of the right side of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-right-Bestimmt die Farbe, die hinzugefügt wird.`	Set the border color of the right side of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-right-style`	Set the border style of the right side of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-right-outline`	Set the border width of the right side of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-style`	Set the border style on all four sides of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-top`	Set the border width, style, and color of the top side of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-top-Bestimmt die Farbe, die hinzugefügt wird.`	Set the border color of the top side of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-top-left-radius`	Define the shape of the upper left corner of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-top-right-radius`	Define the shape of the upper right corner of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-top-style`	Set the border style of the top side of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-top-outline`	Set the border width of the top side of the element.
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-outline`	Set the border width of all four sides of the element.

颜色属性（颜色）

Eigenschaft	Beschreibung
`Bestimmt die Farbe, die hinzugefügt wird.`	颜色属性（颜色）
`指定元素文本的颜色。`	不透明度

指定元素的透明度。

Eigenschaft	Beschreibung
`height`	尺寸属性（尺寸）
`指定元素的最大高度。-height`	指定元素的高度。
`指定元素的最大高度。-outline`	指定元素的最大宽度。
`最小-height`	指定元素的最小高度。
`最小-outline`	指定元素的最小宽度。
`outline`	指定元素的宽度。

内容属性（内容）

Eigenschaft	Beschreibung
`内容`	插入生成的内容。
`引号`	指定嵌入引号的引号。
`计数器-重置`	创建或重置一个或多个计数器。
`计数器-增加`	递增一个或多个计数器值。

弹性Flex盒子布局（Flex）

Eigenschaft	Beschreibung
`align-内容`	指定伸缩容器中伸缩容器的项目的对齐方式。
`align-项目`	为弹性容器中的项目指定默认对齐方式。
`align-自身`	指定弹性容器中选定项目的对齐方式。
`弹性`	指定弹性长度的分量。
`弹性-基础`	指定弹性项目的初始主要尺寸。
`弹性-Texteigenschaften (Text)`	指定弹性项目的方向。
`弹性-流动`	`弹性-Texteigenschaften (Text)`wird verwendet, um`弹性-wrap`count
`弹性-增长`	指定弹性项目相对于弹性容器内其他项目的增长方式。
`弹性-收缩`	指定弹性项目相对于弹性容器内其他项目的收缩方式。
`弹性-wrap`	指定是否应包装柔性物品。
`justify-内容`	指定在解决了任何弹性长度和自动页边距之后，弹性项目如何沿弹性容器的主轴对齐。
`顺序`	指定弹性项目在弹性容器中的显示和布局顺序。

字体属性（字体）

Eigenschaft	Beschreibung
`字体`	在一个声明中定义各种字体属性。
`字体-家族`	定义元素的字体列表。
`字体-tab`	定义文本的字体大小。
`字体-tab-调整`	发生字体回退时，保留文本的可读性。
`字体-拉伸`	从字体中选择一个普通的，压缩的或扩展的字体。
`字体-style`	定义文本的字体样式。
`字体-变体`	指定字体变体。
`字体-粗细`	指定文本的字体粗细。

列表项属性（列表）

Eigenschaft	Beschreibung
`列表-style`	定义列表和列表元素的显示样式。
`列表-style-图像`	指定用作列表项标记的图像。
`列表-style-position`	指定列表项标记的位置。
`列表-style-类型`	指定列表项的标记样式。

边距属性（边距）

Eigenschaft	Beschreibung
`边距`	在元素的所有四个面上设置边距。
`边距-bottom`	设置元素的底边距。
`边距-left`	设置元素的左边距。
`边距-right`	设置元素的右边距。
`边距-top`	设置元素的上边距。

多列布局属性（列）

Eigenschaft	Beschreibung
`und-column`	指定多列元素中的列数。
`und-填充`	指定如何填充列。
`und-间隙`	指定多列元素中各列之间的间隔。
`und-Bestimmt den Stil der Regel, die zwischen den Spalten in einem mehrspaltigen Layout gezogen wird.`	指定在多列元素的每一列之间绘制的直线或“规则”。
`und-Bestimmt den Stil der Regel, die zwischen den Spalten in einem mehrspaltigen Layout gezogen wird.-Bestimmt die Farbe, die hinzugefügt wird.`	Bestimmt die Farbe der Regel, die zwischen den Spalten in einem mehrspaltigen Layout gezogen wird.
`und-Bestimmt den Stil der Regel, die zwischen den Spalten in einem mehrspaltigen Layout gezogen wird.-style`	Bestimmt die Farbe der Regel, die zwischen den Spalten in einem mehrspaltigen Layout gezogen wird.
`und-Bestimmt den Stil der Regel, die zwischen den Spalten in einem mehrspaltigen Layout gezogen wird.-outline`	rule
`und-Bestimmt die regelmäßige Breite, die zwischen den Spalten in einem mehrspaltigen Layout gezogen wird.`	span
`und-outline`	Bestimmt, wie viele Spalten das Element in einem mehrspaltigen Layout überquert.
`Bestimmt die beste Breite der Spalten in einem mehrspaltigen Element.`	columns`und-outline`wird verwendet, um`und-column`count

Kurzform der Eigenschaft.

Eigenschaft	Beschreibung
`Setzt den Stil des Konturs fest.`	Kontureneigenschaften (Outline)
`Setzt den Stil des Konturs fest.-Bestimmt die Farbe, die hinzugefügt wird.`	Setzt die Breite, den Stil und die Farbe der Kontur aller vier Seiten des Elements fest.
`Setzt den Stil des Konturs fest.-Setzt die Farbe des Konturs fest.`	offset
`Setzt den Stil des Konturs fest.-style`	Setzt den Abstand zwischen dem Kontur und dem Elementrand fest.
`Setzt den Stil des Konturs fest.-outline`	width

Setzt die Breite des Konturs fest.

Eigenschaft	Beschreibung
`Setzt den Füllstand auf die rechte Seite des Elements.`	Füllstandseigenschaften (Padding)
`Setzt den Füllstand auf die rechte Seite des Elements.-bottom`	Setzt den Füllstand auf alle vier Seiten des Elements.
`Setzt den Füllstand auf die rechte Seite des Elements.-left`	Setzt den Füllstand auf die Unterseite des Elements.
`Setzt den Füllstand auf die rechte Seite des Elements.-right`	Setzt den Füllstand auf die linke Seite des Elements.
`Setzt den Füllstand auf die rechte Seite des Elements.-top`	padding

Setzt den Füllstand auf die Oberseite des Elements.

Eigenschaft	Beschreibung
`Fügt einen Seitenumbruch vor dem Element ein.-break-Druckeigenschaften (Print)`	after
`Fügt einen Seitenumbruch vor dem Element ein.-break-Fügt einen Seitenumbruch nach dem Element ein.`	before
`Fügt einen Seitenumbruch vor dem Element ein.-break-page`	inside

Fügt einen Seitenumbruch im Element ein.

Eigenschaft	Beschreibung
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-Tabelleneigenschaften (Table)`	collapse
`Bestimmt, ob die Tabellenzellenränder verbunden oder getrennt werden sollen.-spacing`	border
`Legt den Abstand zwischen den benachbarten Tabellenzellen fest.-caption`	side
`Bestimmt den Ort des Tabellenkopfs.-empty`	cells
`Zeigt oder verbergt die Ränder und den Hintergrund leerer Tabellenzellen.-table`	layout

Bestimmt das Tabellenlayout-Algorithmus.

Eigenschaft	Beschreibung
`Texteigenschaften (Text)`	direction/Definiert die Textrichtung
`Schreibrichtung.-tab`	Bestimmt die Länge des Tabulators.
`text-align`	size
`text-align-Legt die horizontale Ausrichtung des Inline-Inhalts fest.`	Bestimmt, wenn`text-align`last`justify`.
`text-decoration`	Legt fest, wie die letzten Zeilen des Blocks oder die vor dem erzwingten Zeilenumbruch stehenden Zeilen ausgerichtet werden sollen
`text-decoration-Bestimmt die Farbe, die hinzugefügt wird.`	color`text-decoration-line`.
`text-decoration-line`	Bestimmt, welche Liniendekoration hinzugefügt wird, um das Element hervorzuheben.
`text-decoration-style`	Bestimmt`text-decoration-line`Die Eigenschaft legt die Zeilenart fest, die verwendet wird
`text-indent`	Indenta den ersten Textabsatz.
`text-justify`	Bestimmt, wenn`text-align`Die Eigenschaft legt die Methode der Ausrichtung fest, die verwendet wird, wenn sie auf`justify`.
`text-overflow`	Bestimmt, wie der Textinhalt angezeigt wird, wenn er den Blockcontainer überfließt.
`text-shadow`	Wendet eine oder mehrere Schatten auf den Textinhalt des Elements an.
`text-transform`	Konvertiert den Groß- und Kleinbuchstaben des Textes.
`line-height`	Legt die Höhe der Zeilenabstände fest.
`vertical-align`	Legt die vertikale Position des Elements relativ zur aktuellen Textgrundlinie fest.
`letter-spacing`	Legt den zusätzlichen Abstand zwischen den Buchstaben fest.
`word-spacing`	Setzen Sie den Abstand zwischen Wörtern.}
`white-space`	Bestimmen Sie, wie Leerzeichen im Element behandelt werden.
`word-break`	Bestimmen Sie, wie Umbrüche innerhalb eines Wortes erfolgen.
`word-wrap`	Bestimmen Sie, ob ein Wort unterbrochen wird, wenn es den Rand des Containers überschreitet.

Transformationsattribute (Transform)

Eigenschaft	Beschreibung
`Bestimmen Sie, ob die „Rückseite“ des nach der Transformation transformierten Elements sichtbar ist.-visibility`	backface
`perspective`	Bestimmen Sie die Perspektive aller untergeordneten Elemente, die aus einem Objekt betrachtet werden.
`perspective-origin`	Definieren Sie den Ursprung der Perspektive der Perspektive-Eigenschaft（3D-Raum Entfernungspunkt）。
`transform`	Wenden Sie2D oder3D-Transformation wird auf das Element angewendet.
`transform-origin`	Definieren Sie den Ursprung der Transformation des Elements.
`transform-style`	Bestimmen Sie, wie in3Renderen von verschachtelten Elementen im D-Raum.

Übergangsattribute (Transition)

Eigenschaft	Beschreibung
`transition`	Definieren Sie den Übergang zwischen zwei Zuständen eines Elements.
`transition-delay`	Bestimmen Sie, wann der Übergangseffekt beginnt.
`transition-duration`	Bestimmen Sie die Anzahl der Sekunden oder Millisekunden, die der Übergangseffekt dauert.
`transition-property`	Bestimmen Sie den Namen der CSS-Eigenschaft, auf die der Übergangseffekt angewendet werden soll.
`transition-timing-function`	Bestimmen Sie die Geschwindigkeitskurve des Übergangsseffekts.

Visuelle Format Eigenschaft

Eigenschaft	Beschreibung
`display`	Bestimmen Sie die Art und Weise, wie ein Element auf dem Bildschirm angezeigt wird.
`position`	Bestimmen Sie, wie ein Element positioniert wird.
`top`	Bestimmen Sie die Position der oberen Kante des positionierten Elements.
`right`	Bestimmen Sie die Position der rechten Kante des positionierten Elements.
`bottom`	Bestimmen Sie die Position der unteren Kante des positionierten Elements.
`left`	Bestimmen Sie die Position der linken Kante des positionierten Elements.
`float`	Bestimmen Sie, ob ein Rahmen floaten sollte.
`clear`	Bestimmen Sie die Position des Elements relativ zu einem floatenden Element.
`z-index`	Bestimmen Sie die Schicht- oder Stapelreihenfolge der positionierten Elemente.
`overflow`	Bestimmen Sie die Behandlung des Inhalts in der Box des überflüssigen Elements.
`overflow-x`	Bestimmen Sie, wie Inhalte verwaltet werden, wenn sie die Breite des Inhaltbereichs des Elements überschreiten.
`overflow-y`	Bestimmen Sie, wie Inhalte verwaltet werden, wenn sie die Höhe des Inhaltbereichs des Elements überschreiten.
`resize`	Bestimmen Sie, ob ein Element von den Benutzern vergrößert werden kann.
`clip`	Definieren Sie den Bereich der Beschnitt.
`visibility`	Bestimmen Sie, ob ein Element sichtbar ist.
`cursor`	Bestimmen Sie den Typ des Cursors.
`box-shadow`	Wenden Sie eine oder mehrere Schatten auf den Rahmen eines Elements an.
`box-sizing`	Ändern des Standard-CSS-Box-Modells.