Mefth Loader Gif
Last Updated: 21-Nov-2021


CSS Background Size & Shorthand


HTML SOURCE CODE


<!DOCTYPE html>
<html>
<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>

	<!-- ናይ ሎሚ ትምህርትና ብዛዕባ ባክግራውንድ'ዩ-->
<p class="paragraph-st">እዚ ናይ ወብሳይት ምምዕባል ትምህርቲ'ዩ ሲኤስኤስ ናይ ቅርጽን ሕብርን ዘዳሉ ናይ ወብሲተ ቀንዲ መጸባበቒ'ዩ።
እዚ ናይ ወብሳይት ምምዕባል ትምህርቲ'ዩ ሲኤሴስ ናይ  ቅርጽን ሕብርን ዘዳሉ ናይ ወብሳይት ቀንዲ መጸባበቒ'ዩ።</p>

<p class="paragraph-nd">እዚ ናይ ወብሳይት ምምዕባል ትምህርቲ'ዩ ሲኤሴስ ናይ ቅርጽን ሕብርን ዘዳሉ ናይ ወብሲተ ቀንዲ መጸባበቒ'ዩ።
እዚ ናይ ወብሳይት ምምዕባል ትምህርቲ'ዩ ሲኤሴስ ናይ ቅርጽን ሕብርን ዘዳሉ ናይ ወብሳይት ቀንዲ መጸባበቒ'ዩ።</p>

<p class="paragraph-nd">እዚ ናይ ወብሳይት ምምዕባል ትምህርቲ'ዩ ሲኤሴስ ናይ ቅርጽን ሕብርን ዘዳሉ ናይ ወብሲተ ቀንዲ መጸባበቒ'ዩ።
እዚ ናይ ወብሳይት ምምዕባል ትምህርቲ'ዩ ሲኤሴስ ናይ ቅርጽን ሕብርን ዘዳሉ ናይ ወብሳይት ቀንዲ መጸባበቒ'ዩ።</p>

<p class="paragraph-nd">እዚ ናይ ወብሳይት ምምዕባል ትምህርቲ'ዩ ሲኤሴስ ናይ ቅርጽን ሕብርን ዘዳሉ ናይ ወብሲተ ቀንዲ መጸባበቒ'ዩ።
እዚ ናይ ወብሳይት ምምዕባል ትምህርቲ'ዩ ሲኤሴስ ናይ ቅርጽን ሕብርን ዘዳሉ ናይ ወብሳይት ቀንዲ መጸባበቒ'ዩ።</p>

<p class="paragraph-nd">እዚ ናይ ወብሳይት ምምዕባል ትምህርቲ'ዩ ሲኤሴስ ናይ ቅርጽን ሕብርን ዘዳሉ ናይ ወብሲተ ቀንዲ መጸባበቒ'ዩ።
እዚ ናይ ወብሳይት ምምዕባል ትምህርቲ'ዩ ሲኤሴስ ናይ ቅርጽን ሕብርን ዘዳሉ ናይ ወብሳይት ቀንዲ መጸባበቒ'ዩ።</p>

<p class="paragraph-nd">እዚ ናይ ወብሳይት ምምዕባል ትምህርቲ'ዩ ሲኤሴስ ናይ ቅርጽን ሕብርን ዘዳሉ ናይ ወብሲተ ቀንዲ መጸባበቒ'ዩ።
እዚ ናይ ወብሳይት ምምዕባል ትምህርቲ'ዩ ሲኤሴስ ናይ ቅርጽን ሕብርን ዘዳሉ ናይ ወብሳይት ቀንዲ መጸባበቒ'ዩ።</p>

<p class="paragraph-nd">እዚ ናይ ወብሳይት ምምዕባል ትምህርቲ'ዩ ሲኤሴስ ናይ ቅርጽን ሕብርን ዘዳሉ ናይ ወብሲተ ቀንዲ መጸባበቒ'ዩ።
እዚ ናይ ወብሳይት ምምዕባል ትምህርቲ'ዩ ሲኤሴስ ናይ ቅርጽን ሕብርን ዘዳሉ ናይ ወብሳይት ቀንዲ መጸባበቒ'ዩ።</p>

</body>
</html>

CSS Source code of Background Size code syntax


/* እዚኣ body ኢያ። */
body{
 /* እዚኣ ናይ background repeat ኢያ */
 background-image: url("dbphoto.jpg");
 /* እዚኣ repeat ኢያ */
 background-repeat: no-repeat;
 /* እዚኣ position ኢያ */
 background-position: center;
 /* እዚኣ ከኣ attachment ኢያ */
 background-attachment: fixed;
 /*  Background size */
 background-size: 100% 50%;
}
/* HSL & HSLA */
.paragraph-st{
	background-color: hsl(160, 80%, 50%);
}

CSS Source code of Background Shorthand code syntax

CSS Background Size & Shorthand

CSS SOURCE CODE


/* እዚኣ body ኢያ። */
body{
 /* background shorthand */
 background: url("dbphoto.jpg") no-repeat fixed center / 100% 50%;
}
/* HSL & HSLA */
.paragraph-st{
	background-color: hsl(160, 80%, 50%);
}

The Result of the above Code is:

CSS Background Size & Shorthand

In Tigrinya Language (ብትግርኛ)



URL Copied
Share this              

Report for Comment or Reply




Mefth Loader gif

Be the first to ... Write comment.

You must Login to write Comment.

We've Recommended Articles for you