font(3)
-
4-4. 서체(font)와 글(text) 스타일 - 5
1. 글자 스타일 지정하기글자를 기울이는 방법으로 "font-style" 속성을 사용합니다. 기울이는 값은 "italic(기울임)"과 "oblique(비스듬하게)"가 있으며, 기울어진 글자를 바로 세울 때에는 "nomal"을 적용합니다.1-1. 기울이는 값은 "italci"과 "obliique"가 있습니다. 1-2. , 요소 등은 원래 기울어진 형태로 표현됩니다. font-style 속성에 "nomal" 값을 지정함으로써 해당 요소의 글자를 바로 세울 수 있습니다. 2. 글자의 색상 설정하기"color"속성으로 글자의 색상을 지정합니다. 다음 예제는 요소의 글자에 색상을 지정했습니다.
2018.01.29 -
4-4. 서체(font)와 글(text) 스타일 - 3
1. 글자 두께 지정하기"font-weight"속성은 글자의 두께를 지정하는 속성입니다. 다양한 값을 가지지만 브라우저에서는 "기본 값(normal)"과 "볼드체(bold)"의 2가지로 표현됩니다. 1-1. normal 두께로 표현되는 값은 다음과 같습니다. 1-2. bold체 두께로 표현되는 값은 다음과 같습니다.
2018.01.25 -
4-4. 서체(font)와 글(text) 스타일 - 1
1. 서체 지정하는 방법1-1. font-family 속성 알아보기서체를 지정하는 방법으로 "font-family"속성을 활용합니다. 서체지정 시에는 쉼표(,)를 통해 여러 개의 후보 서체를 제시할 수 있습니다. 값의 마지막에는 서체의 타입을 지정하는데, "sans-serif(고딕체), serif(명조체) 등이 있습니다.* 일반적인 서처 지정의 방법은 다음과 같습니다.다음의 예제에서는 에 "돋움체"를 지정했습니다. 서체 값이 두 단어 이상이거나 영어가 아닌 경우에는 따옴표를 꼬해줘야 하며, 한글로 값을 작성했다면 "dotum"과 같이 폰트의 영어명을 추가합니다. "helvetica"체는 윈도우가 아닌 맥 OS 기반의 컴퓨터일 경우를 대비했으며, 마지막으로 고딕체 계열이므로 "sans-serif"를 지정했..
2018.01.23