Mefth Loader Gif
Last Updated: 21-Nov-2021


CSS Lists


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>

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

<ul class="ul-class">
	<li>HTML</li>
	<li>CSS</li>
	<li>JavaScript</li>
	<li>JQuery</li>
	<li>Ajax</li>
</ul>
<ol>
	<li>JAVA</li>
	<li>Python</li>
	<li>C++</li>
	<li>C</li>
	<li>C#</li>
</ol>

</body>
</html>

CSS Lists


	/*
	
	ካብዚኦም ድላይካ መሪጽካ ክትጥቀም ትኽእል ኢኻ፡         
	
Lists
------------------------------------
ul
------------------------------------
List-style-type: none | circle  | square | disc;
List-style-position: inside | outside;
List-style-image: url('imageFileName.jpg');

Short hand method
List-style: List-style-type | List-style-position  | List-style-image;
------------------------------------
ol
------------------------------------
List-style-type: upper-roman | lower-roman | lower-alpha  | upper-alpha |  | lower-greek | decimal-leading-zero | decimal | none;
List-style-position: inside | outside;
List-style-image: url('imageFileName.jpg');

Short hand method
List-style: List-style-type | List-style-position  | List-style-image;
------------------------------------
	*/
ul.ul-class {
	background-color: tomato;
	color: green;
}
ul li{
	background-color: yellow;
	font-family: Arial, sans-serif;
}
ol {
	background-color: cyan;
	color: blue;
}
ol li{
	background-color: green;
}	

The Result of the above Code is:

CSS Lists

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