lesson1Title

lesson2Title

lesson3Title

lesson4Title

lesson5Title

lesson6Title

lesson7Title

lesson8Title

lesson9Title

lesson10Title

lesson11Title

lesson12Title

lesson13Title

webIntroCssChapter3Title

webIntroCssChapter1Title

webIntroCssChapter2Title

webIntroCssChapter4Title

webIntroCssChapter5Title

# 텍스트 정렬(text-align), 텍스트 장식(text-decoration)

텍스트의 정렬 방향과 및 장식을 지정하는 CSS 속성, `text-align`과 `text-decoration`에 대해 알아보겠습니다.

 

## text-align

`text-align`은 텍스트의 **가로축 정렬**을 지정하는 속성입니다.

 

사용 가능한 값은 다음과 같습니다.

```css title="왼쪽 정렬"
.left-align {
 text-align: left;
}
```

 

```css title="오른쪽 정렬"
.right-align {
 text-align: right;
}
```

 

```css title="가운데 정렬"
.center-align {
 text-align: center;
}
```

 

```css title="양쪽 정렬"
.justify-align {
 text-align: justify;
}
```

 

## text-decoration

`text-decoration`은 텍스트에 장식을 추가하거나 없애는 속성입니다.

사용 가능한 값은 다음과 같습니다.

 

```css title="밑줄 추가"
.underline {
 text-decoration: underline;
}
```

 

```css title="위쪽에 줄 추가"
.overline {
 text-decoration: overline;
}
```

 

```css title="중앙에 줄 추가"
.line-through {
 text-decoration: line-through;
}
```

 

```css title="장식 없애기"
.no-decoration {
 text-decoration: none;
}
```

 

코드의 별표로 강조된 부분을 따라 입력해 보세요.

`text-align` 속성은 텍스트의 가로축 정렬을 지정하는 데 사용됩니다. 예를 들어, 왼쪽, 가운데, 오른쪽, 양방향 정렬을 할 수 있습니다.

### `text-align` 속성은 텍스트의 세로축 정렬을 지정하는 CSS 속성이다.

텍스트 정렬(text-align), 텍스트 장식(text-decoration)

text-align

text-decoration

text-align 속성은 텍스트의 세로축 정렬을 지정하는 CSS 속성이다.

`text-align` 속성은 텍스트의 세로축 정렬을 지정하는 CSS 속성이다.