Web/html

HTML 요소 - 스타일(Style)

mr.팡 2023. 11. 8. 16:05

HTML Style

HTML 요소의 Style을 사용하게 되면 css스타일을 html 요소에 직접 설정할 수 있습니다.

그러나 이러한 방법으로 적용시에 오직 단하나의 html 요소에만 스타일을 적용하게 됩니다.


예시 : 글자색 변경

Style속성을 사용하여 글자의 색을 변경하는 예시입니다.

<h3 style="color:red">글자를 Red칼라로</h3>

예시 : 배경색 변경

Style속성을 사용하여 배경의 색을 변경하는 예시입니다.

<h3 style="background-color:black">배경색을 검은색으로</h3>

예시 : 글자 크기 변경

Style속성을 사용하여 글자의 크기를 변경하는 예시입니다.

<h3 style="font-size:20px">폰트사이즈를 20px로</h3>

예시 : 문단 정렬 변경

Style속성을 사용하여 문단의 정렬를 변경하는 예시입니다.

<h3 style="text-align:center">글자를 가운데 정렬로</h3>

예시 : 다중 스타일 적용

Style속성을 다중으로 사용하여 한번에 여러 스타일을 적용할 수 있습니다.

<h3 style="text-align:center; color:red; ">글자를 가운데 정렬로, 글자색을 빨간색으로</h3>

 

- 다중으로 style을 적용할 경우 스타일의 속성값과 속성값들은 ;(세미콜론)을 이용하여 구분하여야 합니다.

- 단하나의 스타일만 적용을 하거나, 마지막 스타일의 속성은 ;(세미콜론)을 생략할 수 있습니다.

'Web > html' 카테고리의 다른 글

STYLE - 배경  (0) 2025.01.17
STYLE - 색(Color)  (0) 2023.11.08
HTML 요소 - 문자셋(Character set)  (0) 2023.09.10
HTML 요소 - 엔티티  (0) 2023.09.09
HTML 요소 - 주석편  (0) 2023.09.08