본문 바로가기

분류 전체보기

 (239)
Font-Style Font-Style 개요 : 이 속성은 요소의 글꼴 스타일을 지정한다. 약간 기울어진 italic이나 45' 기울어진 oblique, 그리고 정상 스타일을 지정할 수 있다. 대부분의 글꼴은 italic 스타일을 내장하고 있지만, oblique은 그렇지 않으므로, 브라우저는 italic과 oblique을 동일하게 표현한다. 정의 font-style 설명 값 normal | italic | oblique | inherit 기본값 화면 표시 장치의 기본 스타일 참조 적용대상 모든 요소 상속 됨 백분율 사용 불가 미디어 visual 값 값 설명 normal 정상적인 형태를 지정한다. oblique 기운 형태를 지정한다. 글꼴에 기운 형태가 없으면 'italic'으로 표현된다. italic 이태릭 형태로 지정한다..
Font-Variant Font-Variant 개요 : 이 속성은 요소의 영어 알파벳 소문자를 작은 크기의 대문자(smll-cap)로 변경한다. 정의 font-variant 설명 값 normal | small-caps | inherit 기본값 normal 적용대상 모든 요소 상속 됨 백분율 사용 불가 미디어 visual 값 값 설명 normal 기본 형태로 지정한다. small - caps 작은대문자 글꼴로 지정한다. 소문자를 크기를 유지하면서 대문자로 변경한다. inherit 부모 요소의 값을 상속하도록 지정한다. -----------------------------------------------------------------------------------------------------------------------..
Font-Stretch Font-Stretch 개요 : 이 속성은 글꼴의 폭(장평)을 지정한다. 대부분의 글꼴(폰트)과 브라우저가 이 기능을 지원하지 않는다. 정의 : font-stretch 설명 값 normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | extra-expanded | ultra-expanded | inherit 기본값 normal 적용대상 모든 요소 상속 됨 백분율 사용 불가 미디어 visual 값 값 설명 ultra-condensed 장평을 가장 축소하도록 지정한다. extra-condensed 장평을 더욱 축소하도록 지정한다. condensed 장편을 축소 하도록 지정..
Font Font 개요 : 이 속성은 요소의 글꼴과 관련된 다양한 속성을 한꺼번에 지정할 수 있는 단축 속성이다. 다른 속성은 생략할 수 있지만, font-size와 font-family는 반드시 지정해야 한다. 생략한 속성값은 해당 속성의 기본값을 따른다. (예: font-style: normal ) 정의 font 설명 값 [ [ || || ] | [ / ] ] | caption | icon | menu | message-box | small-caption | status-bar | inheriti 기본값 개별 속성의 기본값 참조 적용대상 모든 요소 상속 됨 백분율 font-size 와 line-height에 가능 미디어 visual 값 값 설명 각 속성값을 참조한다. caption 제목 글꼴으로 지정한다. i..
Line - Height Line - Height 개요 : 이 속성은 요소의 줄높이(행간, 글자 높이)를 지정한다. line-height와 font-size 값의 차이는 리딩(leading)이하고 하며, 리딩의 절반은 요소의 내용 영역이나 글자 줄의 위와 아래에 동일하게 적용된다. 정의 line-height 설명 값 normal | | | | inherit 기본값 normal 적용대상 모든 요소 상속 됨 백분율 자신의 글꼴 크기 참조 미디어 visual 값 값 설명 normal 기본 크기(1.0~1.2) 를 지정한다. 단위를 포함하지 않은 수치를 지정한다. 수치에 글꼴 크기 곱해서 line-height가 지정된다. 길이를 지정한다. 백분율 (%) 값을 지정한다. 부모 요소를 기준으로 계산된다. inherit 부모 요소의 값을 상..
Text-Indent Text-Indent 개요 : 이 속성은 요소의 첫 번째 행의 들여쓰기를 지정한다. 음수 값을 사용하면, 내어쓰기(hanging indent)와 같은 다양한 글자 효과를 줄 수 있다. text-indent 설명 값 | | inherit 기본값 0 적용대상 블럭 레벨 요소 상속 됨 백분율 용기 블럭의 크기를 참조 미디어 visual 값 값 설명 길이를 지정한다. 음수를 지정하면 내어쓰기가 된다. 백분율(%)값을 지정한다. 부모 요소를 기준으로 계산된다. inherit 부모 요소의 값을 상속하도록 지정한다. ------------------------------------------------------------------------------------------------------- 예제 View S..
Text-Align Text-Align 개요 : 이 속성은 요소가 포함한 인라인 요소의 수평 정렬을 지정한다. 주로 글자의 수평 정렬을 지정할 때 사용하며, 요소 안에 포함한 이미지나 인풋 박스나 라디오 버튼 같은 폼 요소와 같은 인라인 요소의 수평 졍렬도 지정할 수 있다. 블록 요소의 수평 정렬은 margin-left, margin-right 속성으로 지정한다. 정의 text-align 설명 값 left | right | center | justify | | inherit 기본값 화면 표시 장치의 기본 스타일 참조 적용대상 블럭 레벨 요소 상속 됨 백분율 사용 불가 미디어 visual 값 값 설명 left 왼쪽으로 정렬하도록 지정한다. right 오른쪽으로 정렬하도록 지정한다. center 가운데로 정렬하도록 지정한다. ..
White-Space White-Space 개요 : 이 속성은 요소의 공백문자를 어떻게 다룰지 지정한다. HTML은 연속된 공백문자와 줄바꿈 및 탭을 무시하므로, 소스코드나 ASCII 아트(그림문자)를 표현하기 위한 목적으로 사용한다. 정의 white-space 설명 값 normal | pre | nowrap | inherit 기본값 normal 적용대상 블럭 레벨 요소 상속 됨 백분율 사용 불가 미디어 visual 값 값 설명 normal 정상적으로 출력하도록 지정한다. 연속 공백과 줄바꿈을 통합한다. pre 연속 공백와 줄바꿈을 통합하지 않고, 원본 그대로 출력하도록 지정한다. nowrap 연속 공백은 통합하지만 줄바꿈은 통합하지 않도록 지정한다. inherit 부모 요소의 값을 상속하도록 지정한다. -----------..

티스토리툴바