• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 15. Classification Properties an... > list-style-position Property

15.4. list-style-position Property

The list-style-position property, like all of the other sub-family of list style properties, is designed to alter the way the list marker at the beginning of a list element appears. This property does not cover where a list or the list element markers appear onscreen as its name might lead you to believe. Instead, it positions the multiple lines of text after the list marker.

The list-style-position property has two values: inside and outside. The effects of both of these values can only be seen when there are multiple lines of text appearing after a list element. outside is the default value, and it essentially sets a margin value flush with the beginning of the first word that appears in the first line after the list marker. All subsequent lines of text that appear after it are flush against that value. inside removes this margin, and subsequent lines of text appear under the list marker. In addition, the inside value moves the margin of the list item in slightly. The effects are slightly different when used with the unordered list (“<ul>”) tag than with the ordered list (“<ol>”) tag. When the inside value is applied to the unordered list tag, the next line of text appears directly underneath the list element marker. When applied to the ordered list tag, it appears under the period following the number — it does not appear flush underneath the number.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint