프로그래밍/HTML+CSS+JavaScript

CSS 글씨 관련 태그들..

긴자손-1 2009. 8. 27. 16:48
반응형

속성을 자주 읽어보세여

font-family: 글꼴결정
ex-굴림,휴먼엽서체,tahoma

font-style: 기울여 쓰기 효과
normal, italic, oblique

font-size: 글자의 크기
larger, smaller,x-small,x-large,em, ex,값%,값pt

font-variant: 글꼴의 변화
normal, small-caps

font-weight: 글꼴의 굵기
normal, bold, bolder, lighter,100, 200, 300 ~ 900

font: 글꼴의 속성을 한꺼번에 지정
font-style, font-variant,
font-weight, font-size, line-height,  font-family

line-height: 줄간격
normal, number, length, 값%

letter-spacing: 글자 간격 normal, length

text-decoration: 문장의 장식
none,overline,underline,line-through,blink

text-transform: 텍스트의 변환
None, Capitalize, UPPERCASE, lowercase

text-aligin: 문장의 좌.우 정열 - left, right, center, justify

text-indent: 들여 쓰기지정  - length, 값%

vertical-align: 첨자의 위치지정
baseline,sub,super,top,text-top,middle,bottom,text-bottom,값%

color:임의의 태그에 대한 색상 지정할색상

background-color: 배경 색상

background-image: 배경 이미지

background-position: 배경 이미지의 위치
length, top, center, bottom, left, right

background-repeat:배경 이미지의 출력방식
repeat, repeat-x, repeat-y, no-repeat

background-attachment:배경 이미지의 스크롤지정
scroll, fixed

background: 배경관련 속성 전체지정
background-color, background-image,
background-repeat,  background-attachment, background-position


margin: 바깥여백 - top,right,bottom,left 
padding: 안쪽여백 - top,right,bottom,left
border:테두리 지정 - top,right,bottom,left

float: object의 정열-left, right, none

clear: float설정 해제-none, left, right, both

style:테두리 모양 top-style,right-style,bottom-style,left-style
   
color: 테두리색 top-color,right-color,bottom-color,left-color
   
width: 테두리 두께 top-width,right-width,bottom-width,left-width

반응형

'프로그래밍 > HTML+CSS+JavaScript' 카테고리의 다른 글

이벤트  (0) 2009.09.28
정규식 사용방법   (0) 2009.09.28
정규식  (0) 2009.09.28
정규식  (0) 2009.09.25
AS3 이벤트 모델개요  (0) 2009.08.21