스타일 작성기 대화 상자, 텍스트
업데이트: 2007년 11월
스타일 작성기 대화 상자의 텍스트 페이지에서는 CSS 텍스트 위치 특성을 정의할 수 있습니다. 이러한 특성은 HTML 요소에 직접 적용하거나 CSS 스타일 규칙에 추가할 수 있습니다.
페이지의 HTML 요소 텍스트에 직접 텍스트 위치 특성을 적용하려면
HTML 디자이너의 디자인 뷰에서 HTML 문서를 열고 서식을 지정할 텍스트를 선택합니다.
서식 메뉴에서 스타일을 클릭하여 스타일 작성기 대화 상자를 엽니다.
스타일 작성기 대화 상자의 왼쪽 창에서 텍스트를 클릭합니다.
스타일 작성기 대화 상자의 오른쪽 창에 텍스트 페이지가 나타납니다.
디자인 뷰에서 선택한 텍스트에 스타일을 적용하면 CSS 스타일 특성이 페이지에 대한 HTML 태그에 인라인으로 삽입됩니다. 새로 삽입한 스타일 특성을 검토하려면 HTML 뷰로 전환합니다.
외부 스타일시트에 정의된 CSS 스타일 규칙에 텍스트 특성을 추가하려면
기존의 외부 스타일시트를 열고 원하는 스타일의 선택기 뒤에 있는 중괄호({ }) 안에 삽입 지점을 놓습니다.
스타일 메뉴에서 스타일 작성을 클릭하여 스타일 작성기 대화 상자를 엽니다.
스타일 작성기 대화 상자의 왼쪽 창에서 텍스트를 클릭합니다.
스타일 작성기 대화 상자의 오른쪽 창에 텍스트 페이지가 나타납니다.
.gif "참고") 참고: |
|---|
편집할 외부 CSS 스타일시트를 열면 스타일 메뉴가 나타납니다. 스타일 규칙 선택기 뒤에 있는 중괄호 안에 삽입 지점을 놓으면 스타일 메뉴에서 스타일 작성 옵션을 사용할 수 있습니다. |
외부 스타일시트에 정의된 CSS 스타일 클래스는 CSS 스타일 선택기를 요소에 대한 CLASS 속성으로 할당하여 웹 페이지의 <BODY> 요소 안에 있는 요소(이 경우에는 <BODY> 요소 자체 포함)에 적용할 수 있습니다.
스타일 작성기 대화 상자의 텍스트 페이지에서 사용할 수 있는 옵션은 다음과 같습니다.
작업
UI 요소
맞춤
| 참고: |
|---|
다음과 같은 맞춤 옵션에서 <설정 안 함>을 선택하면 스타일에 코드가 추가되지 않습니다. |
가로
해당 스타일로 서식이 지정된 텍스트에 대한 TEXT-ALIGN 특성 값을 설정합니다. <설정 안 함>(옵션 선택 안 함), 왼쪽, 가운데, 오른쪽 또는 양쪽 맞춤을 선택합니다. 예를 들어, 왼쪽을 선택하면 다음과 같은 CSS 태그가 삽입됩니다.TEXT-ALIGN:left
참고:아래에서 설정하는 Letters 및 Lines 값은 양쪽 맞춤 특성을 적용할 수 있도록 조정됩니다.
세로
해당 스타일로 서식이 지정된 텍스트에 대한 VERTICAL-ALIGN 특성 값을 설정합니다. <설정 안 함>(옵션 선택 안 함), 아래 첨자 텍스트 또는 위 첨자 텍스트를 선택합니다. 예를 들어, 아래 첨자 텍스트를 선택하면 다음과 같은 CSS 태그가 삽입됩니다.VERTICAL-ALIGN:sub
양쪽 맞춤
해당 스타일로 서식이 지정된 텍스트에 대한 TEXT-JUSTIFY 특성 값을 설정합니다. <설정 안 함>(옵션 선택 안 함), 자동, 단어 간 공백 맞춤, 신문 스타일, 양쪽 맞춤 또는 균등 분할 맞춤을 선택합니다. 예를 들어, 신문 스타일을 선택하면 다음과 같은 CSS 태그가 삽입됩니다.TEXT-JUSTIFY:newspaper
참고:양쪽 맞춤 특성은 가로 값으로 양쪽 맞춤을 선택한 경우에만 사용할 수 있습니다.
간격
이러한 옵션은 해당 스타일로 서식이 지정된 텍스트의 문자 간격 및 줄 세로 간격을 설정합니다.
문자
해당 스타일로 서식이 지정된 텍스트의 문자 가로 간격 값을 설정합니다. <설정 안 함>(옵션 선택 안 함), 보통 또는 사용자 지정을 선택합니다. 사용자 지정을 선택하면 사용자 지정의 오른쪽에 있는 필드를 사용할 수 있습니다. 숫자 필드에 1에서 512 사이의 값을 입력하고 단위 옵션(px, pt, pc, mm, cm, in, em 또는 ex)을 선택합니다. 설정하는 값은 HORIZONTAL-JUSTIFIED 특성을 적용할 수 있도록 조정됩니다. 기본 단위 옵션은 pt입니다. 예를 들어, 사용자 지정을 선택하고 숫자 필드에 5를 입력한 다음 기본 단위 옵션을 적용하면 다음과 같은 CSS 태그가 삽입됩니다.LETTER-SPACING:5pt
줄
해당 스타일로 서식이 지정된 텍스트의 줄 세로 간격 값을 설정합니다. <설정 안 함>(옵션 선택 안 함), 보통 또는 사용자 지정을 선택합니다. 사용자 지정을 선택하면 사용자 지정의 오른쪽에 있는 필드를 사용할 수 있습니다. 숫자 필드에 1에서 512 사이의 값을 입력하고 단위 옵션(px, pt, pc, mm, cm, in, em, ex 또는 %)을 선택합니다. 기본 단위 옵션은 pt입니다. 예를 들어, 사용자 지정을 선택하고 숫자 필드에 5를 입력한 다음 기본 단위 옵션을 적용하면 다음과 같은 CSS 태그가 삽입됩니다.LINE-HEIGHT:5pt
참고:HORIZONTAL-JUSTIFIED 특성은 줄 세로 간격도 수정합니다.
텍스트 방향
들여쓰기
해당 스타일로 서식이 지정된 텍스트에 대한 TEXT-INDENT 특성 값을 설정합니다. 숫자 필드에 1에서 512 사이의 값을 입력하고 단위 옵션(px, pt, pc, mm, cm, in, em, ex 또는 %)을 선택합니다. 기본 단위 옵션은 pt입니다. 예를 들어, 숫자 필드에 5를 입력한 다음 기본 단위 옵션을 적용하면 다음과 같은 CSS 태그가 삽입됩니다.TEXT-INDENT:5pt
텍스트 방향
해당 스타일로 서식이 지정된 텍스트에 대한 DIRECTION 특성 값을 설정합니다. <설정 안 함>(옵션 선택 안 함), 왼쪽에서 오른쪽으로 또는 오른쪽에서 왼쪽으로를 선택합니다. 예를 들어, 왼쪽에서 오른쪽으로를 선택하면 다음과 같은 CSS 태그가 삽입됩니다.DIRECTION:ltr
참고:특성을 <설정 안 함>으로 하면 스타일에 코드가 추가되지 않습니다.