How to use HTML Inline Styling In HTML

Using HTML Table Tag Attributes

In this approach, we are using inline styling <style> directly within the HTML elements to define the table borders. By applying the border property to the <table> and <th>/<td> elements, we specify the border width, style, and color.

Syntax:

<table style="border: 3px solid black; border-collapse: collapse;">

Example: The below example uses HTML Inline Styling to create a table border in HTML.

HTML

<!DOCTYPE html>
<html>

<head>
    <title>Example 2</title>
</head>

<body>
    <h3>Using HTML Inline Styling</h3>
    <table style="border: 3px solid black; 
                  border-collapse: collapse;">
        <tr>
            <th style=
                "border: 3px solid rgb(255, 0, 0);">Name</th>
            <th style=
                "border: 2px solid rgb(255, 0, 0);">Subject</th>
            <th style=
                "border: 2px solid rgb(255, 0, 0);">Marks</th>
        </tr>
        <tr>
            <td style=
                "border: 1px solid rgb(255, 0, 0);">Data 1</td>
            <td style=
                "border: 2px solid rgb(0, 255, 21);">Data 2</td>
            <td style=
                "border: 1px solid rgb(255, 0, 0);">Data 3</td>
        </tr>
    </table>
</body>

</html>

Output:

Table border using Inline styling

How to Create Table Border in HTML ?

In HTML, we can represent the data in the tabular format by using the <table> tag. We can customize the table by creating a border with different widths and colors.

Below are the approaches to create a Table Border in HTML:

Table of Content

Using HTML Table Tag Attributes
Using HTML Inline Styling

How to use HTML Inline Styling In HTML

Syntax:

How to Create Table Border in HTML ?

Similar Reads