Mefth Loader Gif
Last Updated: 21-Nov-2021


CSS Border Width


HTML SOURCE CODE


<!DOCTYPE html>
<html lang="Ti-ER">
<head>
   <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<title>CSS course</title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

	<!-- ናይ ሎሚ ትምህርትና ብዛዕባ Border Width ኢዩ።-->

 <p class="para">This is paragraph</p>

</body>
</html>

CSS Border Width


	/*
	
	ካብዚኦም ድላይካ መሪጽካ ክትጥቀም ትኽእል ኢኻ፡         
	
Border Width
------------------------------------
border-top-width: thick | medium | thin | length | inherit | initial;
border-left-width: thick | medium | thin | length | inherit | initial;
border-bottom-width: thick | medium | thin | length | inherit | initial;
border-right-width: thick | medium | thin | length | inherit | initial;
------------------------------------
Shorthand
------------------------------------    
border-width: thick | medium | thin | length | inherit | initial;
------------------------------------
ንዝተፈላለየ ጎኒ ከም ድላይና ዓቐን ክንህቦ ንኽእል ኢና፡
------------------------------------
border-width: 8px;
8px is for all sides

border-width: 4px 15px;
4px is for top and Bottom & 15px is for right & left 

border-style: 7px 5px 15px; 
7px for top, 5px for right & left and 15px is for bottom 

border-style: 5px 10px 15px 25px; 
5px is for top, 10px is for right, 15px is for bottom and 25px is for left 
	*/
.para{
 background-color: cyan;
 width: 200px;
 border-style: solid;
 border-width: 10px 1px 5px 1px;
}	

The Result of the above Code is:

CSS Border Width

In Tigrinya Language (ብትግርኛ)



URL Copied
Share this              

Report for Comment or Reply




Mefth Loader gif

Login to Write... comment.

You must Login to write Comment.

We've Recommended Articles for you