English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-right-Die style CSS-Eigenschaft legt den Stil der rechten Rahmenkante eines Elements fest. Allerdings wird in vielen Fällen wieborder-styleoderborder-rightDiese abgekürzten CSS-Eigenschaften sind bequemer und empfehlenswerter zu verwenden.
Die folgende Tabelle enthält Anwendungsbeschreibungen und Versionshistorien dieser Eigenschaft sowie ihre Verwendungssyntax im JavaScript-Skript.
| Standardwert: | Beschreibung |
|---|---|
| Geeignet für: | Alle Elemente |
| Vererbung: | Keine |
| Animierbar: | Nein.Siehe auch Animationseigenschaften。 |
| Version: | CSS 1，2，3 |
| JavaScript-Syntax: | object object.style.borderRightStyle="gestrichelt" |
Die Syntax dieser Eigenschaft ist wie folgt:
border-right-style: none | hidden | gepunktet | gestrichelt | durchgestrichen | doppelt | Rille | Erhebung | eingerückt | ausgelegt | initial | vererbt
Der folgende Beispiel zeigt, wie man border verwendet-right-style-Eigenschaft.
}
border-right-p {
border-right-style: dashed; 3width:
px;}/Testen Sie heraus‹Eigenschaftswert
| Die folgenden Tabelle beschreibt die Werte dieser Eigenschaft. | Wert |
|---|---|
| Beschreibung | none |
| keine Kante angezeigt wird. | hiddenMit dem gleichen none, der Unterschied liegt darin, dass die Tabellenzellengeklappte Kante |
| und zwei Zellen teilen die Kante. Der Wert hidden stellt sicher, dass die Kante nicht gezeichnet wird, da hidden vor allen anderen Kantenmustern priorisiert wird. | dotted |
| Die Kante wird als eine Reihe von Punkten dargestellt. | dashed |
| Die Kante wird als eine Reihe von kurzen Linien dargestellt, d.h. Striche. | solid |
| Die Kante wird als eine gerade Linie dargestellt. | doubleborder-widthDie Kante wird als zwei parallele Linien dargestellt, und zwischen ihnen wird ein gewisser Abstand gelassen. Die Summe der beiden Zeilen sowie der Abstand zwischen ihnen beträgt |
| Wert. | groove3Anzeige graviert in den Canvas. Es gibt den Eindruckborder-colorD des Eindrucks, in der Regel durch die Verwendung von Farben erreicht, die heller sind als die Kantenfarbe |
| dunkler und hellerer Farben, um den Schatten zu erzeugen. | ridge3Anzeige des umgekehrten Effekts der Kante groove. Es gibt auch |
| D des Eindrucks, die Kante scheint so aus dem Canvas herauszukommen. | inset3Anzeige macht den Rahmen des Elements so aus, als wäre er in den Canvas eingebettet. Es gibt den Eindruckborder-colorD, dies wird in der Regel durch die Erstellung eines Schattens in zwei Farben erreicht, die heller sind als die Kantenfarbe |
| etwas heller und dunkler. | outset3Anzeige des umgekehrten Effekts der Kante inset. Es gibt auch |
| D der Eindruck, die Kante macht den Käfig so aus, als käme er aus dem Canvas. | initial |
| Setzen Sie diesen Wert auf seinen Standardwert. | inherit-right-Wenn angegeben, wird das zugehörige Element das border des Elternelements verwenden |
border-right-Browserkompatibilität
|
Opera Warnung: 7Internet Explorer8und frühere Versionen unterstützen value hidden. IEunterstützt, aber benötigt einen9und höheren Versionen unterstützt den Wert hidden. . IE
Siehe Anleitung:CSS Border，CSS3 Border。
zusammenhängende Eigenschaften:border，border-style，border-right，border-right-color，
border-right-width。