• 프리카운터
  • 플래시북
  • 프리보드
  • 전광판
  • 웹공부방
  • 커뮤니티
스타일시트 {속성:값}의 모든 것 2006.02.16 13:47
글쓴이 : 운영자 조회 : 581 추천 : 0
1. 글꼴
속성 값
font 20px italic (size + style)
font-family 돋움
굴림
Tahoma
Verdana
font-size 12px
9pt
color #FF0000
red
font-style normal
italic
oblique
line-height 150%
15px
font-weight normal
bold
bolder
lighter
text-transform capitalize
uppercase
lowercase
none
text-variant normal
small-caps
text-decoratoin none
underline
overline
line-through


2. 배경
속성 값
background-color #FF0000
red
background-image url(/img/bg.gif)
background-attachment fixed
scroll
background-repeat no-repeat
repeat
reapeat-x
reapeat-y
background-position center
left
right
top
bottom
center top
center bottom
left top
left bottom
right top
right bottom


3. 블록
속성 값
word-spacing normal
15px
150%
letter-spacing normal
15px
150%
vertical-align baseline
sub
super
top
test-top
middle
bottom
text-bottom
text-indent 15px
150%
white-space normal
pre
nowrap
display inline
block
list-item
run-in
compact
marker
table
inline-table
table-row-group
table-header-group
table-footer-group
table-row
table-column-group
table-column
table-cell
table-caption
none


4. 테두리
속성 값
border 1px solid #CCCCCC (width + style + color)
border-top-color
border-right-color
border-bottom-color
border-left-color 		#FF0000
border-top-style
border-right-style
border-bottom-style
border-left-style 		none
solid
dashed
dotted
double
groove
ridge
inset
outset
border-top-width
border-right-width
border-bottom-width
border-left-width 		1px
thin
medium
thick
border-top 1px solid #FF0000 (width + style + color)
border-right 1px solid #FF0000 (width + style + color)
border-bottom 1px solid #FF0000 (width + style + color)
border-left 1px solid #FF0000 (width + style + color)
border-color #FF0000
border-style solid (top = right = bottom = left)
dotted none solid none (top + right + bottom + left)
border-width 1px (top = right = bottom = left)
1px 2px 3px 4px (top + right + bottom + left)


5. 상자
속성 값
width auto
600px
100%
height auto
600px
100%
float left
right
none
clear left
right
both
none
margin 5px (top = right = bottom = left)
5px 10px 5px 10px (top + right + bottom + left)
margin-top
margin-right
margin-bottom
margin-left 		5px
padding 5px (top = right = bottom = left)
5px 10px 5px 10px (top + right + bottom + left)
padding-top
padding-right
padding-bottom
padding-left		 5px


6. 목록
속성 값
list-style-type
  • disc
  • sircle
  • square
  • decimal
  • lower-roman
  • upper-roman
  • lower-alpha
  • upper-alpha
  • none
    • list-style-image url(/img/list.gif)
    list-style-position inside
    outside


    7. 배치
    속성 값
    positoin absolute
    relative
    static
    visibility visible
    hidden
    inherit
    width auto
    600px
    100%
    height auto
    600px
    100%
    left
    top
    right
    bottom     		auto
    10px
    10%
    z-index auto
    1
    2
    3
    clip auto
    rect(10px 100px 10px 100px)
    overflow visible
    hidden
    scroll
    auto

    8. 확장명
    속성 값
    page-break-before
    page-break-after     		auto
    always
    avoid
    left
    right
    cursor hand
    crosshair
    text
    wait
    default
    help
    e-resize
    ne-resize
    n-resize
    nw-resize
    w-resize
    sw-resize
    s-resize
    se-resize
    auto
    filter alpha(opacity=0...100, style=1...3, finishopasity=0...100)
    blur(add=1...2, direction=0...360, strength=0...100)
    chroma(color=#FF0000)
    dropshadow(color=#CCCCCC, offx=1px, offy=1px, positive=0...1)
    fliph
    flipv
    glow(color=#FF0000, strength=1...100)
    gray
    invert
    mask(color=#FF0000)
    shadow(color=#FF0000, direction=0...360)
    wave(add=0...1, freq=0...∞, lightstrength=0...100, phase=0...100, strength=1...100)
    xray
    revealtrans
    blendtrans
    인생은 짧습니다.
    그러므로 다른 사람이 요구하는 삶을 살면서 시간을 낭비해서는 안 됩니다.
    돈과 명예를 얻지 못하더라도 끝까지 자신의 길을 고집하십시오
    목록 윗글 아랫글
    내알 FREECOUNT.NET 프카넷 생긴날 2003.12.20 홈 | 카운터 | 플래시북 | 프리보드 | 전광판 | 웹공부방 | 커뮤니티 | 쪽지함