效果演示

none: Defines no border

dotted: Defines a dotted border

dashed: Defines a dashed border

solid: Defines a solid border

double: Defines two borders. The width of the two borders are the same as the border-width value

groove: Defines a 3D grooved border. The effect depends on the border-color value

ridge: Defines a 3D ridged border. The effect depends on the border-color value

inset: Defines a 3D inset border. The effect depends on the border-color value

outset: Defines a 3D outset border. The effect depends on the border-color value

比如以下 CSS 代碼：

border-style 設置為 dashed，即點劃線。同樣的，double 為雙線，groove 為槽狀，ridge 為脊狀，inset 為凹陷，outset 為凸出。