CSS List[list-style-type,list-style-image,list-style-position]

hello CSS

목록 관련 속성

속성	설명	속성값
list-style-type	목록 표시 마크 지정	none, disc, circle, squaredecimal, lower-roman, upper-roman, lower-alpha, upper-alpha
list-style-image	목록 표시 마크를 이미지로 지정	none, url(“그림 파일명”)
list-style-position	목록 표시 마크의 시작 위치	outside, inside
list-style	일괄 지정	순서 상관없이 관련 속성의 값을 나열

JS Bin

#mul{list-style-type:square;}

#mul{list-style-type:square;}

#mul1
      {
      list-style-image:
      url(http://cfs.tistory.com
      /custom/blog/156/1560470/skin
      /images/arrow-000-small.png);
      }

Normal

List attribute
Good luck!
normal

Inside

List attribu
good
inside

Outside

List attribu
good
outside

#ol
  {
    list-style-type:decimal;
    font-weight:600;
  }

#ol { list-style-type:decimal; font-weight:600; }

저작자표시 비영리 변경금지

'my_lesson > _CSS3' 카테고리의 다른 글

CSS Box & Position[border,padding,margin,position] (0)	2015.04.17
CSS IMAGE[background] (0)	2015.04.17
CSS TEXT attribute [spacing,height,align,indent,decoration, transform] (0)	2015.04.16
CSS FONT attribute[family,size,style,weight,variant,color] (0)	2015.04.16
CSS list, padding, border, margin, a, position,curser (0)	2015.04.09

Boolean

CSS List[list-style-type,list-style-image,list-style-position]

CSS List[list-style-type,list-style-image,list-style-position]