W3Schools
w3schools.com › html › html_table_borders.asp
HTML Table Borders
HTML Tag List HTML Attributes HTML Global Attributes HTML Browser Support HTML Events HTML Colors HTML Canvas HTML Audio/Video HTML Doctypes HTML Character Sets HTML URL Encode HTML Lang Codes HTTP Messages HTTP Methods PX to EM Converter Keyboard Shortcuts ... HTML tables can have borders of different styles and shapes.
GeeksforGeeks
geeksforgeeks.org › html › html-table-border-attribute
HTML table border Attribute - GeeksforGeeks
July 11, 2025 - To use dashed table borders, use the CSS 'border-style' property and set it to "dashed" for the desired table cells. You can also use dotted , dashed , solid , double , groove , ridge , hidden , none etc.
Videos
05:51
Adding borders to your HTML table - YouTube
05:08
HTML - From Zero to Hero #24 - Table Borders - YouTube
05:22
How to style border of a HTML table | HTML Table border style | ...
15:17
HTML Tutorial #12 - HTML Table Borders | 2 Ways To Specify HTML ...
How to Add Bottom Border to Table Row | HTML and CSS ...
How to Create Table Border in HTML | html টেবিল বর্ডার ...
HTML AM
html.am › html-codes › tables › table-border.cfm
Table Border
Using CSS, you use the border property to define the table border. You can apply this property against the whole table or each cell (or a single cell, if that's what you prefer). Examples below. When you apply CSS border code to the table element (i.e.
MDN Web Docs
developer.mozilla.org › en-US › docs › Web › HTML › Reference › Elements › table
<table>: The Table element - HTML - MDN Web Docs - Mozilla
With CSS, we provide the basic styling to create lines around the components of the table to make the data structure clearer. The CSS adds a solid border around the <table> and around each of the table's cells, including those specified with both <th> and <td> elements, demarcating every header and data cells.
W3Schools
w3schools.com › html › tryit.asp
Table With Border
❯Run Code Ctrl+Alt+R Save Code Ctrl+Alt+A Change Orientation Ctrl+Alt+O Change Theme Ctrl+Alt+D Go to Spaces Ctrl+Alt+P
W3Docs
w3docs.com › html
How to Add Border to HTML Table
If you don't want the border to go all around the table (or if you need different borders on each side of the table), you can use any of the following properties: border-top, border-right, border-bottom and border-left.
W3Schools
w3schools.com › css › css_table.asp
CSS Styling Tables
If you just want a border around the table (not inside), you specify the border property only for the <table> element: ... If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail: sales@w3schools.com · If you want to report an error, or if you want to make a suggestion, send us an e-mail: help@w3schools.com · HTML Tutorial CSS Tutorial JavaScript Tutorial How To Tutorial SQL Tutorial Python Tutorial W3.CSS Tutorial Bootstrap Tutorial PHP Tutorial Java Tutorial C++ Tutorial jQuery Tutorial
GeeksforGeeks
geeksforgeeks.org › html › how-to-create-table-border-in-html
How to Create Table Border in HTML ? - GeeksforGeeks
July 23, 2025 - In this approach, we are using the border attribute within the <table> tag to specify the width of the border around the table and its cells. By setting the value to 3, we create a border with a thickness of 3 pixels.
W3C
w3.org › Style › Tables › examples.html
Examples of table borders and rules
Corresponds to HTML3 rule=all, border=1. ... The second example from the HTML3 spec. (interpreted from the ASCII graphics). table { border-top: double; border-bottom: double; border-right: blank } thead, tbody, tfoot { border-top: solid; border-bottom: solid } colgroup { border-right: solid }
Quackit
quackit.com › html › codes › tables › html_table_border.cfm
HTML Table Border
To set the border of an HTML table, use the CSS border property.
GeeksforGeeks
geeksforgeeks.org › html › html-table-borders
HTML Table Borders - GeeksforGeeks
July 23, 2025 - Set the border property to the <table>, <td>, and <th> elements to achieve the table border effect. Example: Illustration of the creation of an HTML Table with a Border.
Hyperskill
hyperskill.org › university › frontend › html-table-borders
HTML Table Borders
October 2, 2024 - To apply a border around the entire table, target the <table> element in your CSS: ... To ensure that individual cells and headers also have borders, target the <th> and <td> elements: ... The border attribute in HTML is a simple way to add borders to an HTML table.
HTML.com
html.com › attributes › table-border
Table Border: The Old (HTML) And New (CSS) Code Compared »
September 26, 2019 - <style> table.example-table, .example-table td { border: 1px solid green; border-collapse: collapse; } </style> <table class="example-table"> <tr><td>First column</td><td>Second column</td><td>Third column</td></tr> <tr><td>First column</td...
Screenstepslive
utah.screenstepslive.com › a › 1864861-table-borders-and-shading
Table Borders and Shading | Advanced HTML Elements | University of Utah
<table style="border: 1px solid; max-width: 100%; min-width: 40%; margin: 1.5rem auto; float: right;"> <caption>Table with Shaded Column</caption> <colgroup> <col style="border: 1px solid;" /> <col style="border: 1px solid;" /> <col style="border: 1px solid; background-color: #708E99;" /> ...
HTML Tables
htmltables.io › blog › html-table-borders
HTML Table Borders — A Complete Guide
April 17, 2024 - Hexadecimal color codes, such as #FF0000 for red or #00FFFF for cyan, offer precise control over the exact shade of your table borders.
Scientech Easy
scientecheasy.com › home › blog › html table borders
HTML Table Borders - Scientech Easy
February 17, 2026 - The line border-collapse: collapse; removes double borders between the adjacent cells and provides a cleaner look for the table. Now the output will be look something like this in the browser: [blocksy-content-block id=”12121″] Output: ... ...
Top answer 1 of 11
187
You can set border properties on a tr element, but according to the CSS 2.1 specification, such properties have no effect in the separated borders model, which tends to be the default in browsers. Ref.: 17.6.1 The separated borders model. (The initial value of border-collapse is separate according to CSS 2.1, and some browsers also set it as default value for table. The net effect anyway is that you get separated border on almost all browsers unless you explicitly specifi collapse.)
Thus, you need to use collapsing borders. Example:
<style>
table { border-collapse: collapse; }
tr:nth-child(3) { border: solid thin; }
</style>
2 of 11
109
Absolutely! Just use
<tr style="outline: thin solid">
on which ever row you like. Here's a fiddle.
Of course, as people have mentioned, you can do this via an id, or class, or some other means if you wish.
Top answer 1 of 3
3
You need to apply border to cells (TD) instead of table
TD,TH {
border:1px solid black;
}<!doctype html>
<html>
<body style="font-family:Arial;">
<table style="font-family:Arial; font-size:12px;">
<tr>
<th align="left">Initiative</th>
<th align="left">Scheduled Finish</th>
</tr>
<tr>
<td align="left">[Initiative Name]</td>
<td align="left">[Initiative Scheduled Finish Date]</td>
</tr>
</table>
</body>
</html> 2 of 3
2
Safest way is giving your table a class. This way it won't affect any other tables in your page.
.my-table-border th,
.my-table-border td {
border: 1px solid black
}<!doctype html>
<html>
<body style="font-family:Arial;">
<table class="my-table-border" style="font-family:Arial; font-size:12px; border:1px solid black;">
<tr style="outline: thin solid">
<th align="left">Initiative</th>
<th align="left">Scheduled Finish</th>
</tr>
<tr style="outline: thin solid">
<td align="left">[Initiative Name]</td>
<td align="left">[Initiative Scheduled Finish Date]</td>
</tr>
</table>
</body>
</html>The table class is my-table-border and the selector is only picking tds and ths inside of tables that have this class.
Microsoft Learn
learn.microsoft.com › en-us › dotnet › api › system.web.ui.htmlcontrols.htmltable.border
HtmlTable.Border Property (System.Web.UI.HtmlControls) | Microsoft Learn
The following code example demonstrates how to use the Border property to programmatically control the border width of the HtmlTable control. <%@ Page Language="C#" AutoEventWireup="True" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <script runat="server"> void Button_Click(Object sender, EventArgs e) { // Set the properties of the HtmlTable with the // user selections. Table1.BgColor = BgColorSelect.Value; Table1.Border = Convert.ToInt32(BorderSelect.Value); Table1.BorderColor = BorderColorSelect.Value; Table1.Hei
W3Schools
w3schools.com › html › tryit.asp
Table With Border Color
❯Run Code Ctrl+Alt+R Save Code Ctrl+Alt+A Change Orientation Ctrl+Alt+O Change Theme Ctrl+Alt+D Go to Spaces Ctrl+Alt+P