Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
border-right-style
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Dieborder-right-styleCSS Eigenschaft legt den Linienstil des rechtenborder eines Elements fest.
Hinweis:Die Spezifikation definiert nicht, wie sich Ränder unterschiedlicher Stile in den Ecken verbinden.
Probieren Sie es aus
border-right-style: none;border-right-style: dotted;border-right-style: dashed;border-right-style: solid;border-right-style: groove;border-right-style: inset;<section> <div> This is a box with a border around it. </div></section>#example-element { background-color: #eeeeee; color: black; border: 0.75em solid; padding: 0.75em; width: 80%; height: 100px;}body { background-color: white;}Syntax
css
/* Keyword values */border-right-style: none;border-right-style: hidden;border-right-style: dotted;border-right-style: dashed;border-right-style: solid;border-right-style: double;border-right-style: groove;border-right-style: ridge;border-right-style: inset;border-right-style: outset;/* Global values */border-right-style: inherit;border-right-style: initial;border-right-style: revert;border-right-style: revert-layer;border-right-style: unset;Dieborder-right-style Eigenschaft wird als einzelner<line-style> Schlüsselwortwert angegeben.
Formale Definition
| Anfangswert | none |
|---|---|
| Anwendbar auf | alle Elemente. Auch anwendbar auf::first-letter. |
| Vererbt | Nein |
| Berechneter Wert | wie angegeben |
| Animationstyp | diskret |
Formale Syntax
border-right-style =
<line-style>
<line-style> =
none|
hidden|
dotted|
dashed|
solid|
double|
groove|
ridge|
inset|
outset
Beispiele
Rahmenstile
HTML
html
<table> <tbody> <tr> <td>none</td> <td>hidden</td> <td>dotted</td> <td>dashed</td> </tr> <tr> <td>solid</td> <td>double</td> <td>groove</td> <td>ridge</td> </tr> <tr> <td>inset</td> <td>outset</td> </tr> </tbody></table>CSS
css
/* Define look of the table */table { border-width: 2px; background-color: #52e385;}tr,td { padding: 3px;}/* border-right-style example classes */.b1 { border-right-style: none;}.b2 { border-right-style: hidden;}.b3 { border-right-style: dotted;}.b4 { border-right-style: dashed;}.b5 { border-right-style: solid;}.b6 { border-right-style: double;}.b7 { border-right-style: groove;}.b8 { border-right-style: ridge;}.b9 { border-right-style: inset;}.b10 { border-right-style: outset;}Ergebnis
Spezifikationen
| Specification |
|---|
| CSS Backgrounds and Borders Module Level 3 # border-style |
Browser-Kompatibilität
Siehe auch
- Die anderen stilbezogenen Rahmen-Eigenschaften:
border-bottom-style,border-left-style,border-top-style, undborder-style. - Die anderen rechtsrahmenbezogenen Eigenschaften:
border-right,border-right-color, undborder-right-width.