HTML Col Width Attribute
Có thể bạn quan tâm
HTML <col> tag
Example
Two <col> elements with a predefined width:
<table> <col width="130"> <col width="80"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td>$80</td> </tr> </table> Try it Yourself »Definition and Usage
The width attribute specifies the width of a <col> element.
Normally, a <col> element takes up the space it needs to display the content. The width attribute is used to set a predefined width of a <col> element.
Note: This attribute will overwrite any width set in the <colgroup> element.
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| width | Yes | Yes | Yes | Yes | Yes |
The width attribute is supported in all major browsers. However, none of the browsers support the relative_length value.
Compatibility Notes
The width attribute of <col> is not supported in HTML5. Use CSS instead.
CSS syntax: <td style="width:130px">
CSS Example: Specify width of table columns
In our CSS tutorial you can find more details about the width property.
Syntax
<col width="pixels|%|relative_length">Attribute Values
| Value | Description |
|---|---|
| pixels | Sets the width in pixels (example: width="50") |
| % | Sets the width in percent of the surrounding element (example: width="50%") |
| relative_length | Shares the available pixels into parts. (e.g. A table is 100 px, the first column is 20 px, the second is 50%, the available pixels will then be 30px). One part is set like this: "1*". Example: If 30 px of space are available, you can have one "1*" and one "2*", which will be interpreted as 10 and 20 px (think of 1* as one part, and 2* as two parts). |
HTML <col> tag Từ khóa » Html Col Tag Width
-
HTML |
Width Attribute - GeeksforGeeks -
HTML Col Tag - W3Schools
-
CSS Column-width Property - W3Schools
-
Setting Table Column Width - Html - Stack Overflow
-
: The Table Column Element - HTML - MDN Web Docs - Mozilla -
Changing Column Width - The Complete HTML5 Tutorial
-
HTML:
Tag - TechOnTheNet -
What Is Col Tag In HTML?
-
HTML Col Tag And Element - HTML Tutorials - W3resource
-
HTML Col Tag - Learn HTML | W3Docs
-
What Is Colgroup Tag In HTML?
-
HTML -
Tag - Tutorialspoint -
HTML Col Width Attribute - W3Schools
-
» - HTML">
» - HTML