자료실

홈 / 고객센터 / 자료실

자주 사용하는 css 속성

기본정보
  • 글쓴이
  • 고객지원팀
  • 조회수
  • 223회
상세내용

자주 사용하는 css 속성


글꼴장식

text-decoration : 장식 글꼴 장식을 지정한다.(none,underline,overline,line-through,blink)

none : 장식 제거 

underline : 밑줄 

overline : 윗줄 

line-through : 문자 중간에 선 첨가 

blink : 문자 깜빡임 


글씨굵기

font-weight : 굵기 글꼴의 굵기를 설정한다.

normal : 보통 글씨 

bold : 굵은 글씨 

lighter : 한단계 가는 폰트 

bolder : 한단계 굵은 폰트 

수치 : 100 ~ 900 (normal : 400, bold : 700에 해당) 


font-style : (normal,italic,oblique)


글씨체

font-family : 글꼴 이름, 글꼴 이름, … 글꼴 종류를 지정할 때 사용한다.

serif : 명조체 (예 : Times New Roman, 바탕체) 

sans-self : 고딕체 (예 : Helvetaca, Arial, 돋움체) 

cursive : 필기체 계열 (예 : Caflisch Script, Adobe Poetica) 

fantasy : 장식 글꼴 (예 : Critter, Cottonwood ) 

monospace : 고정 비례 폭 글꼴(예 : Courier New) 

글꼴의 이름은 하나만 지정할 수도 있고 컴마(,)로 구분해서 여러 개를 한꺼번에 지정할 수도 있다. 여러 개를 지정할 경우는 지정되어 있는 글꼴 중 앞에서부터 시스템에 설치되어 있는 글꼴이 적용된다.


문자간격

Spacing

letter-spacing : 문자간격

text-indent : 문자 들여쓰기

line-height : 줄과 줄사이의 간격을 지정하기 위해 사용

word-spacing : 단어간격 문자와 문자간의 간격이나 단어와 단어의 간격을 설정할 때 사용한다.


normal : 표준 글자간격 설정 (Default) 

실수값 + 단위 : 표준간격에서 늘어나거나 줄어들게 된다. 

text-align속성으로 양쪽 정렬(justify)로 설정하면 지정한 결과가 나오지 않는 경우도 있다. 


링크걸기

A:link { 스타일 } 보통상태의 링크를 의미한다. 

A:visited { 스타일 } 이미 방문한 링크를 의미한다. 

A:active { 스타일 } 클릭했을 때의 링크를 의미한다. 

A:hover { 스타일 } 커서가 올라갔을 때의 링크를 의미한다. 


자주사용되는 글씨...

한글 | "굴림체","돋움체","바탕체","궁서체"

영어 | "Arial","tahoma","verdana","Impact","times","sans-serif","geneva","courier"


Filter

FILTER: shadow(color=navy,direction=135);

FILTER: glow(color=navy,direction=135);


writing-mode:tb-rl 

글씨를 세우는 역활을 하는것 입니다

자료실

유용한 자료들을 모아두었습니다.