인터넷정보

텍스트 글자스타일 정리

알 수 없는 사용자 2007. 10. 17. 11:42
폰트(Font)에 대해서 총정리
1. 글꼴(폰트)설정 : font-family:글꼴명
2. 글꼴 크기 : font-size:숫자
3. 글꼴 색 : color:색명
4. 글꼴 진하게 : font-weight:bold
5. 글꼴 배경색 : background-color:색명
6. 글꼴에 밑줄 : text-decoration:underline
7. 글자의 자간간격 : letter-spacing:3pt

예제.
<font style="font-weight:bold;text-decoration:underline">테스트</font>


글자 크기.글꼴 줄간격 바꾸기

<style type="text/css">
<!--
body, table, tr, td, select,input,div,form,textarea {font-family:돋움, verdana; font-size:9pt; line-height:150%}
-->
</style>  


돋움 - 글꼴
9 - 글자 크기
150% - 줄간격


- 이탤릭체,글자진하게,타자체 -

- 소스 -  
<i>이탤릭</i>
<b>진하게</b>
<tt>타자체</tt>  


- 옆으로 쓰러진 글씨 -
- 소스 -  
<font face="@궁서">쓰고 싶은 말</font>


- 글자 세로로 나타나게 하기 -

<div style="writing-mode:tb-rl;height:150pt;">쓰고 싶은말</div>
반응형