Answers for "li bullet style"

CSS
1

css ul bullets

/* Manually Add Bullets to Elements in HTML Page*/
ul{
  position: relative;
}
ul li{
  list-style: none;
}
ul li::after{
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #f00;
  top: 2px;
  left: -8px;
  /* + or - top and left according to your style, so that they look perfect*/
}
Posted by: Guest on June-14-2021
4

css list style

ul { list-style: square; } /* solid square bullets */
ul { list-style: disc; }   /* solid circle bullets */
ul { list-style: circle; } /* hollow circle bullets */
ul { list-style: none; }   /* no bullets */
Posted by: Guest on May-28-2021
0

list-style-type

/*   Default value - disc               */
list-style-type: disc;

/*   No marker is shown                 */
list-style-type: none;

/*   Add marker as a circle | square    */
list-style-type: circle;
list-style-type: square;

/*   Add marker as a decimal            */ 
list-style-type: decimal;
list-style-type:  decimal-leading-zero;

/*   Global values                      */
list-style-type: inherit;
list-style-type: initial;
list-style-type: revert;
list-style-type: unset;

/*   More possible list-item markers   */
list-style-type:   armenian | georgian | lower-alpha | lower-greek | lower-latin | lower-roman | upper-alpha | upper-latin | upper-roman | trad-chinese-informal
Posted by: Guest on September-03-2021

Browse Popular Code Answers by Language