몇가지 텍스트 스타일링

텍스트에 사용하는 css 속성
굵기
font-weight: 100~900 까지  100이 가장 얇고 900이 가장 굵다 400이 보통. 700이 b태그와 같다
주의! 110 같은 설정을 하면 기본속성이 나온다. 100, 200,300 식으로 100단위로 증가한다.
폰트와 브라우저에따라 사용 가능한 범위가 정해져있다.
테스트하면서 사용해야한다.

정렬
text-align: left; right; center; 안쓰면 왼쪽정렬


text-decoration: underline; overline; line-through; none;

axo그에 밑줄을 지우기위해 많이 쓴다.

 

 

 

정리

 

폰트 굵기를 설정하기 위해서는 font-weight 속성을 사용하면 됩니다.

사용법

사용 가능한 값은 얇은 순서로 100, 200, 300, 400, 500, 600, 700, 800, 900입니다. 100이 가장 얇고, 900이 가장 굵다는 뜻이죠.

#p1 {
  font-weight: 400;
}

#p2 {
  font-weight: 700;
}

#p3 {
  font-weight: normal;
}

#p4 {
  font-weight: bold;
}

 

참고로 font-weight: normal;은 font-weight: 400과 똑같고, font-weight: bold;는 font-weight: 700과 똑같습니다!

주의 사항

150, 230과 같은 값은 사용할 수 없습니다. 만약 사용한다면 그냥 기본값으로 설정됩니다.

또 주의할 점이 있습니다. 폰트나 브라우저에 따라서 지원하는 폰트 굵기 값이 다릅니다. 어떤 폰트는 100, 400, 700만 지원될 수도 있다는 뜻이죠. 잘 확인하고 사용하시길 바랍니다!

관련 질문