OBINTUSACADEMY
HOME CONTACT SERVICES PRIVACY
C.B MS-PACKAGES CSS
CSS - Lists

BASIC

Introduction to CSS Getting Started CSS Basic Structure CSS Syntax CSS Selectors CSS Universal Selector CSS Element Selector CSS ID Selector CSS Class Selector CSS Group Selector CSS Descendant Selector CSS Child Selector CSS Adjacent Sibling Selector CSS General Sibling Selector CSS Pseudo Element Selector CSS Pseudo Class Selector CSS Attribute Selector CSS Comments CSS Rule CSS Colors CSS Foreground and Background Color CSS Fonts CSS Background CSS Background Clip CSS Background Origin CSS Background Size CSS Text/Word Formatting CSS Images

INTERMEDIATE

CSS Borders CSS Margin CSS Padding CSS Dimension CSS Outline CSS Lists CSS Tables CSS Links CSS Overflow CSS Cursor CSS Float CSS Clear

Lists

PREVIOUS NEXT

In this tutorial, I will be showing you how to style HTML list element using the style properties in CSS.

Outline Properties

LIST STYLE TYPE

The list-style-type property is used to set the type of list markers to be used. Its values include:

  • disc
  • circle
  • square
  • decimal
  • decimal-leading-zero
  • lower-alpha
  • upper-alpha
  • lower-roman
  • upper-roman
  • lower-latin
  • upper-latin
TRY IT OUT YOURSELF

LIST STYLE IMAGE

The list-style-image property is used to set image as a list marker for the list items.

TRY IT OUT YOURSELF

LIST STYLE POSITION

The list-style-position property is used to specify the position of the list markers.

TRY IT OUT YOURSELF

List Style (Shorthand)

tips
TIP:

Setting list-style to none removes the list-style entirely from the list items.

PREVIOUS NEXT
ADVERTISEMENTS

LEARNING IS A CONTINOUS PROCESS - PRACTICE MAKES PERFECT