HTML | Width Attribute - GeeksforGeeks

Trang chủ » Html Colgroup Col Width Not Working » HTML | Width Attribute - GeeksforGeeks

Có thể bạn quan tâm

Skip to content geeksforgeeks
  • Courses
    • DSA Courses
    • Programming Languages
  • Tutorials
    • Python Tutorial
      • Python Loops and Control Flow
    • Java
      • Java Interview Questions
      • Java Quiz
      • Advance Java
    • Programming Languages
    • System Design
    • Interview Corner
    • Computer Science Subjects
    • DevOps
    • Linux
    • Software Testing
    • Databases
    • Android
    • Excel
    • Mathematics
  • DSA
    • Data Structures
    • Algorithms
      • Analysis of Algorithms
      • Searching Algorithms
      • Sorting Algorithms
    • Practice
      • Company Wise Coding Practice
      • Practice Problems Difficulty Wise
      • Language Wise Coding Practice
      • Curated DSA Lists
    • Company Wise SDE Sheets
    • DSA Cheat Sheets
    • Puzzles
  • Data Science
    • Data Science Packages
    • Data Visualization
    • Data Analysis
  • Web Tech
    • Web Development Using Python
      • Django
      • Flask
    • Cheat Sheets
  • HTML Tutorial
  • HTML Exercises
  • HTML Tags
  • HTML Attributes
  • Global Attributes
  • Event Attributes
  • HTML Interview Questions
  • HTML DOM
  • DOM Audio/Video
  • HTML 5
  • HTML Examples
  • Color Picker
  • A to Z Guide
  • HTML Formatter
▲ Open In App HTML <colgroup> width Attribute Last Updated : 20 May, 2024 Summarize Comments Improve Suggest changes Like Article Like Save Share Report Follow

The HTML <colgroup> width Attribute is used to specify the width of the colgroup element. The <colgroup> attribute sets a predefined width of the column group.

Syntax

<colgroup width="pixels|%|relative_lngth">

Attribute Values

Value

Description

pixels

It specify the width of the colgroup in terms of pixels.

%

It specify the width of the colgroup element in percent. For ex-width=”50%”

relative_length

It divides the length of the table in terms of pixels.

Note: The width attribute is not supported by HTML 5.

Example: In this example, we will set the width of the colgroup element.

html <!DOCTYPE html> <html> <head> <title> HTML colgroup width Attribute </title> <style> h2{ text-align:center; } #myColGroup{ background:green; } table{ border:2pxsolid#000; color:white; background:#fff; margin:auto; } td{ padding:10px; } </style> </head> <body> <h2>HTML colgroup width Attribute</h2> <table> <colgroup id="myColGroup" span="3" align="left" width="150"> </colgroup> <tr> <th>S.No</th> <th>Title</th> <th>Geek_id</th> </tr> <tr> <td>1</td> <td>GeekforGeeks</td> <td>Geek_id_1</td> </tr> <tr> <td>2</td> <td>GFG</td> <td>Geek_id_2</td> </tr> </table> </body> </html>

Output

HTML-Colgroup-Width-Attribute

Supported Browsers

  • Chrome 1
  • Edge 12
  • Firefox 1
  • Opera 15
  • Safari 4
Comment More info Next Article HTML | <col> width Attribute

H

hritikbhatnagar2182 Follow Improve

Similar Reads

  • HTML <colgroup> width Attribute The HTML <colgroup> width Attribute is used to specify the width of the colgroup element. The <colgroup> attribute sets a predefined width of the column group. Syntax<colgroup width="pixels|%|relative_lngth">Attribute ValuesValue Description pixels It specify the width of the colgr 1 min read
  • HTML | <col> width Attribute The HTML <col> width Attribute is used to specify the width of a column element. If width attribute is not set then it takes default width according to content. It is not supported by HTML 5. Syntax: <col width="pixels | % | relative_length"> Attribute Values: pixels: It sets the width o 1 min read
  • HTML | <colgroup> span Attribute The HTML <colgroup> span Attribute is used to define the number of column that a <colgroup> element should span. Syntax: <colgroup span="number"> Attribute Values: number: It contains the numeric value which specifies the number of col element should span. Example: C/C++ Code & 1 min read
  • HTML | <colgroup> valign Attribute The HTML <colgroup> valign Attribute is used to specify the vertical alignment of text content in a colgroup Element. Syntax: <colgroup valign="top | middle | bottom | baseline"> Attribute Values top: It sets the content to top-align. middle: It sets the content to middle-align. bottom: 1 min read
  • HTML | <th> colspan Attribute The <th> colspan Attribute in HTML is used to specify a number of columns a header cell should span. Syntax: <th colspan="number"> Attribute Values: It contains single value number which contains the numeric value to sets the number of column a header cell should span. Example: This exam 1 min read
  • HTML <colgroup> char Attribute The HTML <colgroup> char Attribute is used to set the alignment of the content in a column group in a character. It can only be used if the align attribute is set to "character". The default worth of char is that the decimal-point character of the page language.Syntax: <colgroup char="chara 1 min read
  • HTML | <colgroup> align Attribute The HTML <colgroup> align attribute is used to set the horizontal alignment of the text or content in the group of column. Syntax: <colgroup align="left|right|center|justify|char> Attribute Values: left: It sets the content to the left-align.right: It sets the content to the right-align. 1 min read
  • HTML <th> char Attribute The HTML <th> char attribute is used to specify the alignment to the character of content in a table header cell. It only contains the char align attribute. Its default value is a decimal point for page language. Note: It is not supported by HTML5. Syntax: <th char="character"> Attribute 1 min read
  • HTML | <td>colspan Attribute The HTML <td> colspan Attribute is used to specify the number of columns a table should span. Syntax: <td colspan="number"> Attribute Values: It contains the numeric value which specifies the number of columns a cell should span. Example: This Example illustrates the use of colspan attri 1 min read
  • HTML <canvas> width Attribute The HTML <canvas> width Attribute is used to specify the width of the <canvas> in terms of pixels. Syntax: <canvas width="pixels"> Attribute Values: It contains the value i.e pixels which specify the width of the canvas in terms of pixel. It has a Default value which is 300. Exampl 1 min read
  • HTML <td> width Attribute The HTML <td> width attribute was traditionally used to specify the width of a table cell. If this attribute is not set, the cell automatically adjusts its width based on the content it contains. This attribute provides flexibility as it accepts values in both pixels and percentages, allowing 3 min read
  • HTML <th> width Attribute The HTML <th> width Attribute is used to specify the width of a table header cell. If the width attribute is not set then it takes the default width according to the content. Syntax:<th width="pixels | %">Attribute Values:Attributes values Description pixels It sets the width of the tabl 2 min read
  • HTML | <embed> width Attribute The HTML embed width attribute is used to specify the width of the embedded content. Syntax: <embed width="pixels"> Attribute Values: pixels: The width of embed value are set in terms of pixels. It is used to specify the width of embedded content. Example: C/C++ Code &lt;!DOCTYPE html& 1 min read
  • HTML | <colgroup> bgcolor Attribute The HTML <colgroup> bgcolor attribute is used to specify the background color of a colgroup element. It is not supported by HTML 5. Syntax: <colgroup bgcolor= "color_name | hex_number | rgb_number"> Attribute Values: color_name: It sets the text color by using the color name. For example 1 min read
  • HTML <colgroup> charoff Attribute The HTML <colgroup> element's charoff attribute specifies the offset (in characters) for alignment when the char attribute is used. It is applied to control character-based alignment in tables. This attribute is now deprecated in HTML5. Syntax<colgroup charoff="number">Attribute Valuesnu 2 min read
  • HTML | <pre> width Attribute The HTML <pre> width Attribute is used to specify the maximum number of characters per line. Note: The width Attribute is not supported by HTML5 Syntax: <pre width="number"> Attribute Values: number: It is used to set the maximum number of characters. Example: <!DOCTYPE html> <h 1 min read
  • HTML <img> width Attribute Width attribute in HTML <img> tags specifies the width of the image element in pixels or as a percentage of its containing element's width, controlling its visual size on the webpage. Syntax: <img width="pixels">Attribute Values: They contain single value pixels which specify the width o 1 min read
  • HTML | <tr> charoff Attribute The HTML tr charoff Attribute is used to sets the number of characters that aligned the characters specified by the char Attribute. This attribute can only be used in the char attribute and align attribute is specified in the tr Element. Syntax: <tr charoff="number"> Attribute Values: number: 1 min read
  • HTML | <td> char Attribute The HTML <td> char Attribute is used to specify the alignment to the character of content in a table cell. This attribute only contains char align attribute. Its default value is a decimal point for page language. It is not supported by HTML 5. Syntax: <td char="character"> Attribute Val 1 min read
Article Tags :
  • HTML
  • Web Technologies
  • HTML-Attributes
Like three90RightbarBannerImg Explore More We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy Got It ! Lightbox Improvement Suggest changes Suggest Changes Help us improve. Share your suggestions to enhance the article. Contribute your expertise and make a difference in the GeeksforGeeks portal. geeksforgeeks-suggest-icon Create Improvement Enhance the article with your expertise. Contribute to the GeeksforGeeks community and help create better learning resources for all. geeksforgeeks-improvement-icon Suggest Changes min 4 words, max CharLimit:2000

What kind of Experience do you want to share?

Interview Experiences Admission Experiences Career Journeys Work Experiences Campus Experiences Competitive Exam Experiences

Từ khóa » Html Colgroup Col Width Not Working