How to specify no border in CSS ?
In this article, we see how to specify no border in CSS, we have three common methods,
- Using border: none property
- border-width: 0 property
- border: 0 property
Approach 1:
- We will give border-color, border-style properties to both headings, for showing text with border and no border.
- For no border heading, we will use the border-width : 0 which will result in no border.
Example: In this example, we are using the above-explained approach.
HTML
<!DOCTYPE html><html><head> <title>No Border CSS</title></head><body> <h1 style="border-color : red ; border-style : solid ; border-width : 0"> GFG Best For Interview Preparation And Much more </h1> <h1 style="border-color : red ; border-style : solid ;"> GFG Best For Interview Preparation And Much more </h1></body></html> |
Output :
no border
Approach 2 :
- We will give border-color, border-style properties to both headings, for showing text with border and no-border.
- For no border heading, we will use the border : 0 which will result in no border.
Example: In this example, we are using the above approach.
HTML
<!DOCTYPE html><html><head> <title>No Border CSS</title></head><body> <h1 style="border-color : green ; border-style : solid ; border : 0"> GFG Best For Interview Preparation And Much more </h1> <h1 style="border-color : green ; border-style : solid ;"> GFG Best For Interview Preparation And Much more </h1></body></html> |
Output :
no border
Approach 3:
- We will give border-color, border-style properties to both headings, for showing text with border and no-border.
- For no border heading, we will use the border: none which will result in no border.
Example: In this example, we are using the above-explained approach.
HTML
<!DOCTYPE html><html><head> <title>No Border CSS</title></head><body> <h1 style="border-color : green ; border-style : solid ; border : none"> GFG Best For Interview Preparation And Much more </h1> <h1 style="border-color : green ; border-style : solid ;"> GFG Best For Interview Preparation And Much more </h1></body></html> |
Output :
no border
Please Login to comment...