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 |