CSS List

Next ❯CSS Table

Used to style the list appearance

  • turned_in_notLayout Related Properties
    • list-style-type
    • list-style-position
    • list-style-image
    • list-style
  • CSS
  • HTML
  • HTML5
ul {
  list-style-type: circle;
  list-style-position: outside;
  list-style-image: none;
}
li{
  background-color:#b5ebe6;
}
Listsubject
Listclose
<!DOCTYPE html>
<html>
<head>
<title>Full CSS Code</title>
<style>
ul {
  list-style-type: circle;
  list-style-position: outside;
  list-style-image: none;
}
li{
  background-color:#b5ebe6;
}
</style>
</head>
<body>
<ul>
  <li>CSS</li>
  <li>HTML</li>
  <li>HTML5</li>
</ul>
</body>
</html>
  • CSS
  • HTML
  • HTML5
ul {
/*list-style: type position image;*/
  list-style: square outside none;
}
li{
  background-color:#f1d0e5;
}
list-style (All-In-One)subject
list-style (All-In-One)close
<!DOCTYPE html>
<html>
<head>
<title>Full CSS Code</title>
<style>
ul {
/*list-style: type position image;*/
  list-style: square outside none;
}
li{
  background-color:#f1d0e5;
}
</style>
</head>
<body>
<ul>
  <li>CSS</li>
  <li>HTML</li>
  <li>HTML5</li>
</ul>
</body>
</html>

  • CSS Table
❮ Prev CSS Font
Next ❯CSS Table
TryOut Examples"Learn to Explore..!"

TryOut Editor

receipt
❯