logo

CSS 굵은 텍스트

그만큼 글꼴 두께 CSS의 속성은 글꼴의 두께나 두께를 설정하는 데 사용됩니다. 텍스트의 문자가 얼마나 가늘거나 두꺼운지를 지정합니다. 그만큼 글꼴 두께 속성은 브라우저에서 지정한 가중치나 글꼴 모음에서 사용 가능한 글꼴에 따라 달라집니다. 이 CSS 속성은 얇은 문자부터 두꺼운 문자까지 정의합니다.

사전 정의된 숫자 값 또는 키워드 값을 허용합니다. 이 속성에 사용할 수 있는 키워드는 다음과 같습니다. 보통, 굵게, 더 가벼워, 더 굵게 . 숫자 값은 100, 200, 300, .........,최대 900까지 가능합니다. 숫자 값이 높을수록 숫자 값이 낮을수록 글꼴 두께가 더 굵어집니다.

통사론

 font-weight: normal | bold | bolder | lighter | number | initial | inherit; 

그만큼 숫자 위 구문에서 숫자 값을 나타냅니다. 숫자 값 400 키워드 값과 동일합니다. 정상 , 및 값 700 키워드 값과 동일합니다. 용감한 .

그만큼 정상 Strong> 값은 일반 문자를 정의하고 용감한 값은 두꺼운 문자를 지정합니다. 그만큼 더 대담하게 값은 더 굵은 글꼴 두께를 나타내고 거룻배 값은 부모로부터 상속된 글꼴 가중치보다 가벼운 글꼴 가중치를 나타냅니다.

그림을 사용하여 CSS에서 텍스트를 굵게 표시하는 방법을 살펴보겠습니다.

빠른 정렬 자바

소개

CSS는 웹페이지 개발을 위한 강력한 도구로 알려져 있습니다. 이를 통해 우리는 다양한 방법으로 HTML 콘텐츠의 스타일을 지정할 수 있습니다. 웹 페이지 스타일 지정의 가장 일반적인 속성 중 하나는 글꼴 가중치 속성의 도움을 사용하는 것입니다. 굵은 글씨를 사용하면 핵심 정보와 시각적 대비를 강조할 수 있고, 내용의 가독성도 향상됩니다.

Java에서 문자열을 정수로 변환

글꼴 두께 속성 이해

CSS에는 글꼴의 두께나 두께를 정의하는 데 사용되는 Font-Weight 속성이 있습니다. 또한 텍스트의 굵기 또는 가벼움 정도를 결정하며, 값이 높을수록 글꼴 두께가 더 굵다는 것을 나타냅니다. 글꼴 가중치 속성은 숫자 및 키워드 값과 같은 다양한 값을 허용합니다.

숫자 값의 범위는 100에서 900 사이이며 100씩 증가합니다. 예를 들어 글꼴 가중치 값을 400으로 사용하면 정상이고 700 글꼴 가중치 값은 굵은 글꼴로 간주됩니다. Bold, Bolder, Lighter 등 일반적으로 사용되는 키워드 값입니다.

CSS로 굵은 텍스트를 만드는 방법

CSS의 도움으로 HTML에서 굵은 텍스트를 만들 수 있습니다. 인라인, 내부 또는 외부 글꼴 스타일 속성을 사용할 수 있습니다.

1. 인라인 스타일을 사용하여 굵은 텍스트를 만드는 방법

인라인 스타일의 도움으로 특정 HTML 요소에 직접 글꼴 가중치 속성을 사용할 수 있습니다. 예를 들어 보겠습니다.

HTML 코드:

자바 추가 문자열
 Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p> 

산출

CSS에서 텍스트를 굵게 표시하는 방법

설명:

위 코드에서는 인라인 CSS를 사용하고, 글꼴 가중치 속성을 굵게 적용했습니다.

2. 내부 스타일을 사용하여 굵은 텍스트를 만드는 방법

여기서는 style 태그가 포함된 head 태그 안에 CSS 속성을 작성해야 합니다. 예를 들어보겠습니다:

HTML 코드:

 Document p { font-weight: bold; } <p>Welcome to javaTpoint</p> <p>This is a bold text</p> 

산출

CSS에서 텍스트를 굵게 표시하는 방법

설명:

위 코드에서는 내부 CSS를 사용하고 글꼴 가중치 속성을 적용했습니다.

자바의 병합 정렬

3. 외부 스타일을 사용하여 굵은 텍스트를 만드는 방법

여기서는 외부 CSS 파일을 생성하고 이를 HTML 파일에 연결해야 합니다. 해당 CSS 파일 내에서 스타일 속성을 작성해야 합니다. 예를 들어 보겠습니다.

HTML 코드:

자바 프로그래밍 소수
 Document <p>Welcome to javaTpoint</p> <p>This is a bold text</p> 

CSS 코드:

 p { font-weight: bold; } 

산출

CSS에서 텍스트를 굵게 표시하는 방법

설명:

위 코드에서는 외부 CSS 속성을 사용하고 글꼴 가중치 속성을 구현했습니다.

아래 예제를 사용하여 다양한 음영으로 굵은 텍스트를 만드는 방법을 살펴보겠습니다.

 p{ font-size: 20px; } <p>This font is normal.</p> <p>This font is bold.</p> <p>This font is lighter.</p> <p>This font is bolder.</p> <p>This font is 100 weight.</p> <p>This font is 200 weight.</p> <p>This font is 300 weight.</p> <p>This font is 400 weight.</p> <p>This font is 500 weight.</p> <p>This font is 600 weight.</p> <p>This font is 700 weight.</p> <p>This font is 800 weight.</p> <p>This font is 900 weight.</p> 

산출

CSS에서 텍스트를 굵게 표시하는 방법