본문 바로가기

'.' Programs

 (161)
Font-Weight Font-Weight 개요 : 이 속성은 요소의 글꼴 두께를 두껍거나 얇게 지정한다. 일반적으로 글자를 강조하기 위해 사용한다. 대부분의 폰트는 normal 과 bold 2가지의 두께만 갖기 때문에, 100~500 의 수치는 normal 로 출력되고, 600~900 은 bold 로 출력된다. 대부분의 웹 브라우저는 HTML 요소 중에서 h1~6, strong, b의 font-weight 를 두껍게(bold) 출력하고 있다. 정의 font - weight 값 normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700| 800 | 900 | inherit 기본값 normal 적용대상 모든 요소 상속 됨 백분율 사용 불가 미디어 vis..
Font - Size Font - Size 개요 : 이 속성은 요소의 글꼴 크기를 지정한다. 절대 크기, 상대 크기, 백분율으로 크기를 지정할 수 있으나, 브라우저는 px로 크기를 계산하여 출력한다. 글자 크기를 지정하지 않으면, 대부분의 브라우저는 아래의 기본값으로 표현된다. 16px 12pt 100% 1em 정의 font-size 설명 값 | | | | 기본값 medium 적용대상 모든 요소 상속 됨 백분율 부모요소의 글꼴 크기 참조 미디어 visual 값 값 설명 xx-small, x-small, small, medium, large, x-larger, xx-large 를 지정한다. large, smaller 를 지정한다. 길이를 지정한다. 음수는 지정할 수 없다. 백분율(%)값을 지정한다. 부모 요소를 기준으로 계산된..
Font-Size-Adjust Font-Size-Adjust 개요 : 소문자의 높이를 기준으로 글자 크기를 조절할 때 사용한다. font-size에서 지정된 높이와 소문자 x의 높이의 비율이 높을수록 글자가 작은 크기로 지정되었을 때 가독성이 높아진다. 예를 들어, Verdana는 0.58(글자 크기가 100픽셀일때 소문자 x의 높이가 58픽셀)이고 Times New Roman은 0.46으로, Verdana가 Times New Roman보다 작은 크기에서 가독성이 높다. 대부분 브라우저에서 지원하지 않는다. 정의 font-size-adjust 설명 값 | | inherit 기본값 none 적용대상 모든 요소 상속 됨 백분율 사용 불가 미디어 visual 값 값 설명 none 기본 값. 폰트가 불가능하면 x-height를 지정하지 않는..
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 부모 요소의 값을 상..

티스토리툴바