English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-links-Die CSS-Eigenschaft style wird verwendet, um den Stil der linken Rahmenkante eines Elements zu setzen. Viele Male jedoch, wieborder-styleoderborder-linksDiese abgekürzten CSS-Eigenschaften sind bequemer und empfehlenswerter zu verwenden.
Die folgende Tabelle zeigt die Verwendung und Versionshistorie dieser Eigenschaft sowie die Syntax ihrer Verwendung in JavaScript-Skripten.
| Standardwert: | none |
|---|---|
| Geeignet für: | Alle Elemente |
| Vererbung: | Keine |
| Animierbar: | Nein.Siehe auch Animationsattribute。 |
| Version: | CSS 1，2，3 |
| JavaScript-Syntax: | object.style.borderLeftStyle="dashed" |
Die Syntax dieser Eigenschaft ist wie folgt:
border-links-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit
Das folgende Beispiel zeigt, wie man die Eigenschaft border verwendet-links-style-Eigenschaft.}}
p {
border-links-style: dashed;
border-links-width: 3px;
}Testen Sie heraus‹/›Die nachstehende Tabelle beschreibt die Werte dieser Eigenschaft.
| Wert | Beschreibung |
|---|---|
| none | zeigt keinen Rahmen an. |
| hidden | mit dem gleichen none, der Unterschied liegt darin, dass die Tabellenzellengeklappte Rahmenund zwei Zellen teilen die Rahmen. Der hidden-Wert stellt sicher, dass der Rahmen nicht gezeichnet wird, da er vor allen anderen Rahmenstilen priorisiert ist. |
| dotted | Zeigt den Rahmen als eine Reihe von Punkten an. |
| dashed | Zeigt den Rahmen als eine Reihe von kurzen Linien an, d.h. Strichen. |
| solid | Zeigt den Rahmen als eine gerade Linie an. |
| double | Zeigt den Rahmen als zwei parallele gerade Linien an und lässt zwischen ihnen einen bestimmten Abstand. Die Summe der beiden Zeilen sowie der Abstand zwischen ihnen beträgtborder-widthWert. |
| groove | Zeigt einen in den Canvas geschnittenen Rahmen an. Es gibt den Eindruck3D des Eindrucks, in der Regel durch die Verwendung von Farben erreicht, die heller sind als die Rahmenfarbeborder-colordunkler und hellerer Farben durch die Erstellung eines Schattens erreicht. |
| ridge | Zeigt einen Rahmen mit dem umgekehrten Effekt an. Es gibt auch den Eindruck3D des Eindrucks, der Rahmen scheint so aus dem Canvas herauszukommen. |
| inset | Zeigt einen Rahmen an, der so aussieht, als ob er in den Canvas eingebettet wäre. Es gibt den Eindruck3D, dies wird in der Regel durch die Erstellung eines Schattens in zwei Farben erreicht, die heller sind als die Rahmenfarbeborder-coloretwas heller und dunkler. |
| outset | Zeigt einen Rahmen mit dem umgekehrten Effekt an. Es gibt auch den Eindruck3D des Eindrucks, der Rahmen macht den Kasten so aus, als ob er aus dem Canvas herauskommt. |
| inherit | Wenn angegeben, wird das verknüpfte Element das border des Elternelements verwenden-links-style-Eigenschaftswerte. |
border-links-Kompatibilität der style-Eigenschaft der Browser, die Zahlen in der nachstehenden Tabelle stellen die niedrigste Versionsnummer dar, die die Eigenschaft unterstützt; alle gängigen Browser unterstützen diese Eigenschaft.
|
Warnung: Internet Explorer 7und frühere Versionen unterstützen value hidden. IE8unterstützt, aber benötigt einen。IE9und höher unterstützen den hidden-Wert.
Siehe Anleitung:CSS Border，CSS3 Border。
zusammenhängende Eigenschaften:border，border-style，border-links，border-links-color，
border-links-width。