Category
Date2009/12/14 22:18
2009/12/14 22:18자주 쓰는 css 약식 표기 모음
| 정식표기 | 약식표기 |
| #FFFFFF, #000000, #CCCCCC 등 색상 코드 | #fff, #000, #ccc 처럼 줄여서 표기 가능 |
| background:배경색 background:배경이미지주소 반복여부 포지션 background:배경색 배경이미지주소 반복여부 고정여부 포지션 |
|
| background-color:#CCCCCC | background:#ccc |
| background-image:url('주소'); background-repeat:no-repeat; background-position:left top |
background:url('주소') no-repeat left top |
| background-color:#CCCCCC background-image:url('주소'); background-repeat:no-repeat; background-attachment:fixed; background-position:left top |
background:#ccc url('주소') no-repeat fixed left top |
| font:크기 글꼴 font:굵기 스타일 크기/줄간격 글꼴 |
|
| font-size:9pt; font-family:Verdana |
font:9pt Verdana |
| font-weight:bold; font-style:italic; font-size:9pt; line-height:150%; font-family:Verdana |
font:bold italic 9pt/150% Verdana |
| margin:외부전체여백 margin:상하여백 좌우여백 margin:상단여백 우측여백 하단여백 좌측여백 |
|
| margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px |
margin:0px |
| margin-top:5px; margin-left:10px; margin-bottom:5px; margin-right:10px |
margin:5px 10px |
| margin-top:5px; margin-left:10px; margin-bottom:15px; margin-right:20px |
margin:5px 10px 15px 20px |
| padding:내부전체여백 padding:상하여백 좌우여백 padding:상단여백 우측여백 하단여백 좌측여백 |
|
| padding-top:0px; padding-left:0px; padding-bottom:0px; padding-right:0px |
padding:0px |
| padding-top:5px; padding-left:10px; padding-bottom:5px; padding-right:10px |
padding:5px 10px |
| padding-top:5px; padding-left:10px; padding-bottom:15px; padding-right:20px |
padding:5px 10px 15px 20px |
| list-style:번호타입 list-style:번호타입 위치 이미지 |
|
| list-style-type:none | list-stype:none |
| list-style-type:decimal; list-style-position:inside; list-style-image:url('주소') |
list-style:decimal inside url('주소') |
| border:두께 스타일 색상 |
|
| border-width:2px; border-style:dotted; border-color:#555555 |
border:2px dotted #555 |
| border-left-width:2px; border-left-style:dotted; border-left-color:#555555 |
border-left:2px dotted #555 |
