자료실

홈 / 고객센터 / 자료실

자주 사용하는 css 속성

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

자주 사용하는 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 

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

자료실

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

자료실 목록
번호 제목 글쓴이
66 고객지원팀
65 고객지원팀
64 고객지원팀
63 고객지원팀
62 고객지원팀
61 고객지원팀
60 고객지원팀
59 고객지원팀
58 고객지원팀
57 고객지원팀
56 고객지원팀
55 고객지원팀
54 고객지원팀
53 고객지원팀
52 고객지원팀
51 고객지원팀
50 고객지원팀
49 고객지원팀
48 고객지원팀
열람중 고객지원팀