HTML border屬性用法及代碼示例

HTML border屬性用於為主體中的大多數HTML元素設置可見邊框寬度。

用法:

<tag border="value">

支持的標簽：

例：表格邊框屬性。

HTML

<!DOCTYPE html> 
<html> 
 
<head> 
    <title> 
        HTML table border Attribute 
    </title> 
</head> 
 
<body> 
    <h1>GeeksforGeeks</h1> 
 
    <h2>HTML table border Attribute</h2> 
 
    <table border="1"> 
        <caption>Author Details</caption> 
 
        <tr> 
            <th>NAME</th> 
            <th>AGE</th> 
            <th>BRANCH</th> 
        </tr> 
        <tr> 
            <td>BITTU</td> 
            <td>22</td> 
            <td>CSE</td> 
        </tr> 
        <tr> 
            <td>RAM</td> 
            <td>21</td> 
            <td>ECE</td> 
        </tr> 
    </table> 
</body> 
 
</html>

輸出：

例：圖邊框屬性。

HTML

<!DOCTYPE html> 
<html> 
 
<head> 
    <title> 
        HTML img border Attribute 
    </title> 
</head> 
 
<body> 
    <h1>GeeksforGeeks</h1> 
 
    <h2>HTML img border Attribute</h2> 
 
    <img src= 
"https://media.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png"
        alt="GeeksforGeeks logo"
        border="5"> 
</body> 
 
</html>

輸出：

例：對象邊框屬性。

HTML

<!DOCTYPE html> 
<html> 
 
<head> 
    <title> 
        HTML object border Attribute 
    </title> 
</head> 
 
<body> 
    <center> 
        <h1>GeeksForGeeks</h1> 
         
        <h1> 
            HTML <object> border Attribute 
        </h1> 
        <br> 
     
        <object data= 
"https://www.geeksforgeeks.org/wp-content/uploads/Geek_logi_-low_res.png"
                width="550px" height="150px" border="4"> 
            GeeksforGeeks 
        </object> 
    </center> 
</body> 
 
</html>

輸出：

支持的瀏覽器：下麵列出了HTML border屬性支持的瀏覽器：

穀歌瀏覽器
IE瀏覽器
Firefox
蘋果Safari
Opera

相關用法

注：本文由純淨天空篩選整理自Vijay Sirra大神的英文原創作品 HTML | border attribute。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。