border-top-style · 跟老司機學CSS3

**border-top-style** * 描述：設置對象上邊框的樣式。 * 版本：CSS1 * 繼承性：無 **語法** ``` border-top-style: 樣式值; ``` 樣式值 * none：無輪廓。border-color 將被忽略，border-width 計算值為 0，除非邊框輪廓為圖像，即：border-image。 * hidden：隱藏邊框。 * dotted：點狀輪廓。 * dashed：虛線輪廓。 * solid：實線輪廓 * double：雙線輪廓。兩條單線與其間隔的和等于指定的border-width值 * groove：3D凹槽輪廓。 * ridge：3D凸槽輪廓。 * inset：3D凹邊輪廓。 * outset：3D凸邊輪廓。 **使用說明** 該屬性僅對上邊框的樣式進行設置。如果 border-width 等于 0，該屬性無效。 **代碼示例** ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>border-top-style</title> <style> #container{ width: 50px; height: 50px; border: solid #000000; border-top-style: dotted; } </style> </head> <body> <div id="container"> </div> </body> </html> ``` ![border-top-style](https://box.kancloud.cn/99bd28221c3c08c0a3e532ebd1d24103_68x69.png)