Mefth Loader Gif
Last Updated: 21-Nov-2021


CSS Border style


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 Style ኢዩ።-->

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

</body>
</html>

CSS Border style


	/*
	
	ካብዚኦም ድላይካ መሪጽካ ክትጥቀም ትኽእል ኢኻ፡         
	
Border Style
------------------------------------
border-top-style: Solid | dotted | dashed | groove | double | ridge | inset | outset | none | hidden | initial | inherit;

border-left-style: Solid | dotted | dashed | groove | double | ridge | inset | outset | none | hidden | initial | inherit;

border-bottom-style: Solid | dotted | dashed | groove | double | ridge | inset | outset | none | hidden | initial | inherit;

border-right-style: Solid | dotted | dashed | groove | double | ridge | inset | outset | none | hidden | initial | inherit; 
------------------------------------
Shorthand
------------------------------------
border-style: Solid | dotted | dashed | groove | double | ridge | inset | outset | none | hidden | initial | inherit;
------------------------------------
ወይ ከኣ ሓዋዊስና ወይ'ውን ንዝተፈላለየ ጎኒ ዝተፈላለየ ዋጋ ክንህቦ ንኽእል ኢና።
------------------------------------
border-style: solid;
Solid is for all sides

border-style: solid groove;
Solid is for top and Bottom & groove for right & left 

border-style: solid groove dashed; 
Solid is for top, groove is for right & left & dashed is for bottom 

border-style: solid groove double dashed; 
Solid is for top, groove is for right, double is for bottom and dashed is for left 
	*/
.para{
 background-color: cyan;
 width: 200px;
 border-style: solid dotted dashed groove;
}	

The Result of the above Code is:

CSS Border style

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