본문 바로가기

'.' Programs/CSS

(101)
Font-Family Font-Family 개요 : 이 속성은 요소에 특정 글꼴이나 "대표 글꼴"을 지정한다. 특정 글꼴은 사용자의 시스템 환경에 의존하므로, "대표글꼴"을 반드시 지정하길 권장한다. 브라우저에 따라 쉼표가 아닌 공백(space)으로 글꼴 이름을 구분할 수 있으므로, 공백을 갖는 글꼴 가족 이름들은 따옴표로 묶어야 한다. (예: "맑은 고딕") 사용자의 시스템에 설치 되지 않은 글꼴을 대비해서, 다양한 글꼴 이름을 순서대로 지정한다. 첫번째 지정한 글꼴이 사용자 시스템에 설치되어 있으면, 해당 글꼴을 출력한다. 그렇지 않으면, 두번째 지정한 글꼴을, 그도 아니면 세번째 글꼴을 출력한다. 만일 지정한 글꼴이 모두 설치 되지 않았다면, 브라우저에서 지정한 기본 글꼴이 적용된다. 사용자의 시스템 글꼴이란 운영체제와..
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..