Mefth Loader Gif
Last Updated: 21-Nov-2021

CSS Border Shorthand


<!DOCTYPE html>
<html lang="Ti-ER">
   <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">

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

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

CSS Border Shorthand

	ካብዚኦም ብድላይና መሪጽና ባኣሕጽሮተ ኣጸሓሕፋ ክንጥቀም ንኽእል ኢና።
 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;
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