CSS(テキストに関するスタイル)

15833 ワード

フォントスタイル


font-family=フォントの指定(主にテキストタグを使用する要素)
<--기본형-->
font-family: 글꼴이름 [,<글꼴이름>, <글꼴이름>] 
[] 대괄화 안의 항목은 옵션
font-face=Webフォントの使用
font-size=フォントサイズを変更します(ピクセル、点数、パーセントなど、複数の単位を指定できます).
<--기본형-->
font-size: <절대크기> | <상대크기> | <크기> | <백분율> 
<> 꺽쇠 부분은 값이 아니라 유형

<절대크기>  = 브라우저에서 지정한 글자 크기
             (xx-small,x-small,small,mediu,large,x-large,xx-large)
<상대크기>  = 부모 요소의 글자 크기를 기준으로 더 크게 표시하거나 더 작게 표시
             (larger,smailer)
<크기>     = 브라우저와 상관없이 글자 크기를 지정
             (em = 해당 글꼴의 대문자 M의 너비를 기준으로 크기를 조절,
              ex = 해당 글꼴의 소문자 x의 높이를 기준으로 크기를 조절,
              px = 픽셀, 모니터에 따라 상대적 크기가 됨, 웹에서 주로 사용, 
              pt = 포인트, 일반 문서에서 많이 사용하는 단위)
<백분율>   = 부모 요소의 글자 크기 기준으로 해당하는 %를 계산해 표시
font-weight=文字の太さを指定
<--기본형-->
font-weight: 속성

속성
<normal> = 일반적인 형태로 기본 값(400)
<bold | lighter | bolder> = 굻게 | 원래 굵기보다 가늘게 | 원래 굵기보다 더 굵게 
<100~900 사이의 수치> = 숫자 값을 조잘해 좀 더 세밀히 두께를 조절
font-avariant=小文字(小文字)
<--기본형-->
font-variant: 속성

속성
<normal> = 일반적인 형태로 표시
<small-caps> = 작은 대문자로 표시
font-style=文字スタイル(斜体)の指定
<--기본형-->
font-style: 속성

속성
<normal> = 일반적인 형태
<italic> = 이탤릭체
<oblipue> = 이탤릭체

テキストスタイル


color=文字の色を指定します(色値は16進数、rgd、hsl、色名で表すことができます).
text-装飾=テキストに行を表示/削除
<--기본형-->
text-decoration: 속성

속성
<none> = 밑줄을 표시하지 않음
<underline> = 밑줄울 표시
<overline> = 영역 위로 선을 그림
<line-through> = 영역을 가로지르는 선(취소선)을 그림
text-transform=テキスト大文字と小文字の変換
<--기본형-->
text-transform: 속성

속성
<none> = 변환하지 않음
<capitalize> = 첫 번째 글자를 대문자로 변환
<upparcase> = 모든 글자를 대문자로 변환
<lowercase> = 모든 글자를 소문자로 변환
<full-width> = 가능한 모든 문자를 전각 문자로 변환
text-shadow=テキストにシャドウ効果を追加(複数のシャドウを追加する場合はカンマで区切る)
<--기본형-->
text-shadow: <가로거리> <세로거리> <번짐정도> <색상>

속성
<가로거리> = 양수 값은 오른쪽으로, 음수 값은 왼쪽으로 그림자를 만듬, 필수 속성
<세로거리> = 양수 값은 아래쪽으로, 음수 값은 위쪽으로 그림자를 만듬 , 필수 속성
<번짐정도> = 양수 값은 모든 방향으로 퍼져나가 그림자가 크게 표시.
            음수 값은 모든 방향으로 축소되어 보임, 기본값 = 0
<색상> = 한 가지만 지정할 수도 있고 공백으로 구분해 여러 색상을 지정할 수도 있다,
        기본값 = 현재 글자 색
スペース=スペース
<--기본형-->
white-space : 속성

속성
<normal> = 여러개 공백 하나로 표시 (기본 값)
<nowrap> = 여러개 공백 하나로 표시하고 영역 너비를 넘어가는 내용은 줄을 바꾸지 않고 계속 한 줄로 표시
<pre> = 어러개 공백 그대로 표시하고 영역 너비를 넘어가는 내용은 줄을 바꾸지 않고 계속 한 줄로 표시
<pre-line> = 여러개의 공백 하나로 표시하고 영역 너비를 넘어가는 자동으로 줄을 바꿔 표시
<pre-wrap> = 여러개의 공백을 그대로 표시하고 영역 너비를 넘어가는 자동으로 줄을 바꿔 표시
文字間隔、挿入間隔=テキスト間隔の調整(主に文字間隔の文字を使用して文字間隔を調整します)

文壇の風格.


direction=書く方向を指定
<--기본형-->
direction : 속성

속성
<lir> = 왼쪽에서 오른쪽
<rtl> = 오른쪽에서 왼쪽
text-align=テキスト揃え
<--기본형-->
text-align : 속성

속성
<start> = 현재 텍스트 줄의 시작 위치에 맞추어 문단을 정렬
<end> = 현재 텍스트 줄의 끝 위치에 맞추어 문단을 정렬
<left> = 왼쪽에 맞추어 문단을 정렬
<right> = 오른쪽에 맞추어 문단을 정렬
<center> = 가운데 맞추어 문단을 정렬
<justify> = 양쪽에 맞추어 문단을 정렬
<match-parent> = 부모 요소를 따라 문단을 정렬
text-indent=テキストインデント
<--기본형-->
text-indent : <크기> | <백분율>

<크기> = 단위와 함께 들여 쓸 크기를 지정, 음수 값도 사용할 수 있음
<백분율> = 부모 요소의 너비를 기준으로 상대적 크기를 지정
line-height=行間調整
<--기본형-->
line-height : normal | <숫자> | <크기> | <백분율> | inherit

숫자는 줄 간격 값이 아니라 몇 배수 인지를 뜻함
text-overflow=オーバーフローしたテキストタグ(テキストを切り取り状態に保つことも、テキストを切り取り済みにマークすることもできます)
<--기본형-->
text-overflow : 속성

속성
<clip> = 넘치는 텍스트를 자름
<ellipsis> = 말 줄임표(...)로 잘힌 텍스트가 있다고 표시함

リストスタイル


List-style-type=リスト内の項目記号と番号付けスタイルを指定します(無秩序リストの場合はリストの前に異なる項目記号を配置できますが、順序付けリストの場合は番号付けスタイルを指定できます).
<--기본형-->
list-style-type : none | <순서 없는 목록의 불릿> | <순서 목록의 번호>

List-style-image=画像を読み込むのではなく画像を読み込む
<--기본형-->
list-style-image : none | <이미지>
<이미지> = url(이미지 파일 경로)
List-style-position=リストにインデントする効果
List-style=リスト属性(list-style-type、list-style-image、list-style-position属性)を同時に表示できます.