Heim > Artikel > Web-Frontend > CSS: Verwendung und Definition des Border-Spacing-Attributs
Die Rolle des Attributs border-spacing in CSS besteht darin, den Abstand zwischen benachbarten Zellrändern anzugeben.
Border-spacing-Attributinstanz
Randabstand für Tabelle festlegen:
table { border-collapse:separate; border-spacing:10px 50px; }
Rahmenabstand-Definition und -Verwendung
border-spacing legt den Abstand zwischen den Rändern benachbarter Zellen fest (wird nur im Modus „Randtrennung“ verwendet). Hinweis: Einige Versionen desIE-Browsers unterstützen dieses Attribut nicht.
BeschreibungDiese Eigenschaft gibt den Abstand zwischen Zellgrenzen im Modell mit getrennten Grenzen an. Von den beiden angegebenen Längenwerten ist der erste der horizontale Spalt und der zweite der vertikale Spalt. Diese Eigenschaft wird ignoriert, es sei denn, border-collapse ist auf „separat“ eingestellt. Obwohl diese Eigenschaft nur für Tabellen gilt, wird sievon allen Elementen in der Tabelle geerbt.
Syntax:border-spacing : length || lengthParameter:
Länge: Ein Längenwert bestehend aus einer Gleitkommazahl und einer Einheitenkennung. Kann nicht negativ sein. Bitte beziehen Sie sich auf die Längeneinheit
Beschreibung:
Legt den horizontalen und vertikalen Abstand der Zeilen- und Zellenränder fest oder ruft ihn ab, wenn der Tabellenrand unabhängig ist (z. B. wenn die Eigenschaft „border-collapse“ aktiviert ist). ist gleich trennen).
Wenn nur ein Längenwert angegeben wird, wirkt sich dieser Wert auf den horizontalen und vertikalen Abstand aus. Bei Angabe beider Längenwerte wirkt sich der erste auf den horizontalen Abstand und der zweite auf den vertikalen Abstand aus.
Derzeit unterstützt IE5.5 dieses Attribut nicht.
Die entsprechende Skriptfunktion ist borderSpacing. Bitte sehen Sie sich andere Bücher an, die ich geschrieben habe.
Beispiel:
Das obige ist der detaillierte Inhalt vonCSS: Verwendung und Definition des Border-Spacing-Attributs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!