Zusammenfassung allgemeiner CSS-Eigenschaften 2

******** Häufig verwendete CSS-Attribute **********

[Layout]

Klar: Dieses Attribut Der Wert gibt an, dass Kanten keine schwebenden Objekte enthalten dürfen.

Standardwert: keiner

kein: Schwebende Objekte sind auf beiden Seiten erlaubt

beide: Schwebende Objekte sind nicht erlaubt

links: Schwebende Objekte sind auf der linken Seite nicht erlaubt

rechts: Schwebende Objekte sind auf der rechten Seite nicht erlaubt

------ --- -------------------------------- ---

Anzeige: Einstellen oder Abrufen, ob und wie das Objekt angezeigt wird.

Wenn die Anzeige auf „Keine“ eingestellt ist, werden die Definitionen der Float- und Positionsattribute nicht wirksam.

Wenn die Position weder statisch noch relativ ist, wird die Definition des Float-Attributs nicht wirksam in Kraft treten;

IE7 und frühere Browser unterstützen nur Inline-Block-Werte | |. inline -flex ohne Präfix hinzufügen;

none: Verstecktes Objekt. Im Gegensatz zum versteckten Wert des Sichtbarkeitsattributs behält es seinen physischen Platz für ausgeblendete Objekte nicht bei.

inline: Gibt an, dass das Objekt ein Inline-Element ist.

Block: Gibt das Objekt als Blockelement an.

list-item: Das angegebene Objekt ist ein Listenelement.

inline-block: Gibt das Objekt als Inline-Blockelement an. (CSS2)

Tabelle: Geben Sie das Objekt als Tabelle auf Blockelementebene an. Ähnlich wie HTML-Tags (CSS2)

inline-table: Gibt das Objekt als Tabelle auf Inline-Elementebene an. Ähnlich dem HTML-Tag

(CSS2)

table-caption: Geben Sie das Objekt als Tabellentitel an. Ähnlich dem HTML-Tag

(CSS2)

table-row-group: Gibt das Objekt als Tabellenzeilengruppe an. Ähnlich dem HTML-Tag

(CSS2)

table-column: Geben Sie das Objekt als Tabellenspalte an. Ähnlich dem HTML-Tag

(CSS2)

table-column-group: Gibt das Objekt an, das als Tabellenspaltengruppe angezeigt werden soll. Ähnlich dem HTML-Tag

(CSS2)

table-header-group: Geben Sie das Objekt als Tabellenkopfgruppe an. Ähnlich dem HTML-Tag

(CSS2)

table-footer-group: Geben Sie das Objekt als Tabellenfußgruppe an. Ähnlich dem HTML-Tag

(CSS2)

kompakt: Ordnen Sie Objekte basierend auf dem Inhalt als Blockobjekte oder Inline-Objekte zu (CSS3)

Einlauf: Je nach Kontext bestimmt, ob das Objekt Inline- oder Blockebene ist. (CSS3)

Wenn das Einlaufelement ein Element auf Blockebene enthält, wird das Einlaufelement zu einem Element auf Blockebene

Wenn es ein Element auf Blockebene gibt ( Nicht-Float- und Positionsdefinition) unmittelbar nach dem Einlaufelement wird das Einlaufelement zum ersten Inline-Element im Block; ein Einlaufelement kann nicht in einen Block eingefügt werden, an dem sich bereits ein Einlaufelement befindet der Anfang oder ist selbst ein Einlaufelement.

In anderen Fällen ist das Einlaufelement ein Element auf Blockebene.

ruby: Zeigt das Objekt als Tabellenfuß an Gruppe (CSS3)

Ruby-Base: Zeigt das Objekt als Tabellenfußgruppe an (CSS3)

Ruby-Text: Zeigt das Objekt als Tabellenfußgruppe an (CSS3)

ruby-base-group: Zeigt das Objekt als Tabellenfußgruppe an. Anzeige (CSS3)

ruby-text-group: Zeigt das Objekt als Tabellenfußgruppe an (CSS3)

flex : Das Objekt als Flexbox-Modell anzeigen (CSS3)

inline-flex: Objekte als Inline-Flexbox-Modelle auf Blockebene anzeigen (CSS3)

---- ---------------------- -------------- ----------------------

float: Der Wert dieses Attributs gibt an, ob und wie das Objekt schwimmt.

Wenn diese Eigenschaft nicht gleich „none“ ist und das Objekt schweben lässt, wird das Objekt als Blockobjekt (Blockebene) betrachtet, dh die Anzeigeeigenschaft ist gleich blockieren. Das heißt, das Anzeigeattribut schwebender Objekte wird ignoriert.

Float wird nicht angewendet, wenn die absolute Positionierung und Anzeige nicht aktiviert ist.

keine: Legen Sie fest, dass das Objekt nicht schwebt.

Links: Legen Sie fest, dass das Objekt links schwebt.

Rechts: Legen Sie fest, dass das Objekt darauf schwebt das Richtige

------------------------------------ -------------- ------

Überlauf: Zusammengesetztes Attribut. Ruft ab oder legt fest, wie der Inhalt des Objekts verwaltet wird, wenn es seine angegebene Höhe und Breite überschreitet.

Standardwert: sichtbar

Wenn nur einer angegeben wird, entspricht seine Wirkung overflow-x + overflow-y.

Wenn zwei bereitgestellt werden, entspricht das erste dem Überlauf-x und das zweite dem Überlauf-y.

Wenn für Tabellen das Attribut „table-layout“ auf „fixed“ gesetzt ist, unterstützt das td-Objekt das Attribut „overflow“ mit dem Standardwert „hidden“. Bei der Einstellung „Ausgeblendet“, „Scrollen“ oder „Automatisch“ werden Inhalte, die die TD-Größe überschreiten, abgeschnitten. Wenn es auf „sichtbar“ gesetzt ist, wird zusätzlicher Text in die Zellen rechts oder links überlaufen (je nach Einstellung der Richtungseigenschaft).

sichtbar: Den Inhalt nicht ausschneiden.

versteckt: Beschneiden Sie den Inhalt, der die Objektgröße überschreitet, und es wird keine Bildlaufleiste angezeigt.

Scrollen: Beschneiden Sie den Inhalt, der die Objektgröße überschreitet, und zeigen Sie den überschüssigen Inhalt als Bildlaufleiste an.

Auto: Inhalt ausschneiden und bei Bedarf Bildlaufleisten hinzufügen. Dies ist der Standardwert für Körperobjekte und Textbereiche.

no-display: Wenn der Inhalt nicht in das aktuelle Inhaltsfeld passt, wird das gesamte Feld entfernt, ähnlich wie bei display:none. (CSS3)

no-content: Wenn der Inhalt nicht in das aktuelle Inhaltsfeld passt, wird der gesamte Inhalt ausgeblendet, ähnlich wie „visibility:hidden“. (CSS3)

----------------------------------- ------------- ------------------------------------- ------------- ------------

overflow-x: Ruft ab oder legt fest, wie der Inhalt des Objekts verwaltet wird wenn es die angegebene Breite überschreitet.

Standardwert: sichtbar

sichtbar: Inhalt nicht ausschneiden.

versteckt: Beschneiden Sie den Inhalt, der über die Breite des Objekts hinausgeht, und es wird keine Bildlaufleiste angezeigt.

Bildlauf: Beschneiden Sie den Inhalt, der über die Breite des Objekts hinausgeht, und zeigen Sie den überschüssigen Inhalt als Bildlaufleiste an.

Auto: Inhalt ausschneiden und bei Bedarf Bildlaufleisten hinzufügen. Dies ist der Standardwert für Körperobjekte und Textbereiche.

no-display: Wenn der Inhalt nicht in das aktuelle Inhaltsfeld passt, wird das gesamte Feld entfernt, ähnlich wie bei display:none.

kein Inhalt: Wenn der Inhalt nicht in das aktuelle Inhaltsfeld passt, wird der gesamte Inhalt ausgeblendet, ähnlich wie bei „visibility:hidden“.

-------------------------------------- --- -------------------------------- ---

overflow-y: Abrufen oder Festlegen, wie Inhalte verwaltet werden, wenn der Inhalt des Objekts seine angegebene Höhe überschreitet.

Standardwert: sichtbar

sichtbar: Inhalt nicht ausschneiden.

versteckt: Beschneiden Sie den Inhalt, der über die Höhe des Objekts hinausgeht, und die Bildlaufleiste wird nicht angezeigt.

Bildlauf: Beschneiden Sie den Inhalt, der über die Höhe des Objekts hinausgeht, und zeigen Sie den überschüssigen Inhalt als Bildlaufleiste an.

Auto: Inhalt ausschneiden und bei Bedarf Bildlaufleisten hinzufügen. Dies ist der Standardwert für Körperobjekte und Textbereiche.

no-display: Wenn der Inhalt nicht in das aktuelle Inhaltsfeld passt, wird das gesamte Feld entfernt, ähnlich wie bei display:none.

kein Inhalt: Wenn der Inhalt nicht in das aktuelle Inhaltsfeld passt, wird der gesamte Inhalt ausgeblendet, ähnlich wie bei „visibility:hidden“.

-------------------------------------- --- -------------------------------- ---

Rotation: Den Rotationswinkel des Objekts abrufen oder festlegen.

Standardwert: 0

rotation rotation verwendet den durch rotation-point festgelegten Wert als Referenzursprung für den Rotationsoffset. Der Rahmen, der Abstand, der Inhalt des

-Elements und jeder Hintergrund, der nicht fixiert ist, drehen sich, wenn sich das Element dreht. Alle untergeordneten Elemente mit den Positionswerten „statisch“ und „relativ“ drehen sich ebenfalls, während der Rest nicht rotiert.

Rotation Die Rotation wirkt sich nicht auf übergeordnete Elemente und Geschwisterelemente aus und ihre Position und Anordnung bleiben unverändert. Wenn das Element gedreht wird, überlappt es möglicherweise andere Elemente.

Dieses Attribut ähnelt rotieren() unter dem Transformationsattribut und kann ersetzt oder aufgegeben werden.

: Geben Sie den Winkel an. Kann negativ sein

------------------------------------------------ - --------------

rotation-point: Rufen Sie den Koordinatenpunkt ab, auf den verwiesen wird, wenn das Objekt gedreht wird, oder legen Sie ihn fest.

rotation rotation verwendet den durch rotation-point festgelegten Wert als Referenzursprung für den Rotationsoffset.

Dieses Attribut ähnelt transform-origin und kann ersetzt oder aufgegeben werden.

: Koordinatenwerte in Prozent angeben.

: Geben Sie den Koordinatenwert mit dem Längenwert an.

links: Geben Sie die Abszisse des Ursprungs als links an.

Mitte: Geben Sie die Abszisse oder Ordinate des Ursprungs als Mittelpunkt an.

rechts: Geben Sie die Abszisse des Ursprungs als rechts an

oben: Geben Sie die Ordinate des Ursprungs als oben an

unten: Geben Sie die Ordinate des Ursprungs als unten an

------ ---- ---------------------------------------------- ---- -------------

Sichtbarkeit: Festlegen oder Abrufen, ob das Objekt angezeigt werden soll. Im Gegensatz zum Anzeigeattribut reserviert dieses Attribut den physischen Platz, den das ausgeblendete Objekt einnimmt.

Wenn das Objekt sichtbar sein soll, muss auch sein übergeordnetes Objekt sichtbar sein.

Standardwert: sichtbar

sichtbar: Legen Sie fest, dass das Objekt sichtbar ist.

versteckt: Legen Sie fest, dass das Objekt ausgeblendet sein soll

Einklappen: Wird hauptsächlich zum Ausblenden von Tabellenzeilen oder -spalten verwendet. Ausgeblendete Zeilen oder Spalten können von anderen Inhalten verwendet werden. Für andere Objekte außerhalb der Tabelle entspricht seine Funktion der Funktion „versteckt“. IE6 und niedriger unterstützen diesen Parameterwert nicht

----------------------------- -------------------------------------------------- --------------------------------------------------

Tabellenzelle: Geben Sie das Objekt als Tabellenzelle an. Ähnlich dem HTML-Tag

(CSS2)

(CSS2)

table-row: Gibt das Objekt als Tabellenzeile an. Ähnlich dem HTML-Tag

Für verwandte Inhalte achten Sie bitte auf die chinesische PHP-Website (www.php.cn)!