Mefth Loader Gif
Last Updated: 21-Nov-2021


CSS Border Shorthand


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

 <p class="para">This is paragraph</p>
 <p class="para-2">This is paragraph</p>
 
</body>
</html>

CSS Border Shorthand


	/*
	
	ካብዚኦም ብድላይና መሪጽና ባኣሕጽሮተ ኣጸሓሕፋ ክንጥቀም ንኽእል ኢና።
	*/
	
p.para{
 color: green;
 width: 200px;
 /*
 border-top-style: groove;
 border-bottom-style: solid;
 border-left-style: dashed;
 border-right-style: double;
 */
 border-style: groove solid dashed double;
 /*
 border-top-width: 5px;
 border-left-width: 10px;
 border-right-width: 15px;
 border-bottom-width: 1px;
 */
 border-width: 5px 15px 1px 10px;
 /*
 border-top-color: red;
 border-bottom-color: yellow;
 border-left-color: silver;
 border-right-color: cyan;
 */
 border-color: red cyan yellow silver;
}
p.para-2{
width: 200px;
color: blue;
/*
border-top: 5px solid black;
border-bottom: 5px dashed green;
border-left: 5px solid gold;
border-right: 5px double gray;
*/
border: 5px solid gold;
}

The Result of the above Code is:

CSS Border Shorthand

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