±ß¿òÑùʽ | border-style

/* Keyword values */
border-top-style: none;
border-top-style: hidden;
border-top-style: dotted;
border-top-style: dashed;
border-top-style: solid;
border-top-style: double;
border-top-style: groove;
border-top-style: ridge;
border-top-style: inset;
border-top-style: outset;

/* vertical | horizontal */
border-style: dotted solid;

/* top | horizontal | bottom */
border-style: hidden double dashed;

/* top | right | bottom | left */
border-style: none solid dotted dashed; 

/* Global values */
border-style: inherit;
border-style: initial;
border-style: unset;

Applies to all elements. It also applies to [`::first-letter`](::first-letter).   [Inherited](inheritance) no   Media visual   [Computed value](computed_value) as each of the properties of the shorthand:

Animation type discrete   Canonical order the unique non-ambiguous order defined by the formal grammar  

<br-style>{1,4}where 
<br-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

<table>
? <tr>
??? <td class="b1">none</td>
??? <td class="b2">hidden</td>
??? <td class="b3">dotted</td>
??? <td class="b4">dashed</td>
? </tr>
? <tr>
??? <td class="b5">solid</td>
??? <td class="b6">double</td>
??? <td class="b7">groove</td>
??? <td class="b8">ridge</td>
? </tr>
? <tr>
??? <td class="b9">inset</td>
??? <td class="b10">outset</td>
? </tr>
</table>

/* Define look of the table */
table {
? border-width: 3px;
? background-color: #52E396;
}
tr, td {
? padding: 2px;
}

/* border-style example classes */
.b1 {border-style:none;}
.b2 {border-style:hidden;}
.b3 {border-style:dotted;}
.b4 {border-style:dashed;}
.b5 {border-style:solid;}
.b6 {border-style:double;}
.b7 {border-style:groove;}
.b8 {border-style:ridge;}
.b9 {border-style:inset;}
.b10 {border-style:outset;}