2024-06-21

Writerside/topics/Styling-Text.md

@@ -11,9 +11,10 @@
 * `font-style` : normal | italic | oblique
 * `font-weight` : normal | bold | lighter | bolder | 100~900
 * `text-transform` : none | uppercase | lowercase | capitalize | full-width
-* `text-decoration` : none | underline | overline | line-through
+* `text-decoration` : 값을 여러 개 중복해서 지정해도 됩니다.
+  * none | underline | overline | line-through
 * `text-decoration-line`, `text-decoration-style`, `text-decoration-color`
-* `text-shadow` : 그림자의 수평 오프셋, 수직 오프셋, 흐림 반경, 색상. 쉼표로 구분된 여러 그림자 값을 포함하여 동일한 텍스트에 여러 그림자를 적용할 수 있습니다.
+* `text-shadow` : 그림자의 수평 오프셋, 수직 오프셋, 흐림 반경, 색상을 순서대로 지정합니다. 쉼표로 구분된 여러 그림자 값을 포함하여 동일한 텍스트에 여러 그림자를 적용할 수 있습니다.
 
 ```CSS
 p {
@@ -26,15 +27,16 @@ p {
   text-shadow: 4px 4px 5px red;
 }
 ```
+### 그 외 속성들
 
-* font-variant
-* font-variant-alternates, font-variants-caps, font-variant-east-asian, font-variant-ligatures, font-variant-numeric, font-variant-position
-* font-size-adjust
-* font-stretch
-* font-kerning
-* font-feature-settings
-* text-underline-position
-* text-rendering
+* `font-variant`
+* `font-variant-alternates`, `font-variants-caps`, `font-variant-east-asian`, `font-variant-ligatures`, `font-variant-numeric`, `font-variant-position`
+* `font-size-adjust`
+* `font-stretch`
+* `font-kerning`
+* `font-feature-settings`
+* `text-underline-position`
+* `text-rendering`
 
 ## 텍스트 레이아웃
 
@@ -48,16 +50,20 @@ p {
 }
 ```
 
-* text-indent
-* text-overflow
-* white-space
-* word-break
-* direction
-* hypens
-* line-break
-* text-align-last
-* text-orientation
-* word-wrap
+### 그 외 속성들
+
+* `text-indent`
+* `text-overflow`
+* `white-space`
+* `word-break`
+* `direction`
+* `hypens`
+* `line-break`
+* `text-align-last`
+* `text-orientation`
+* `word-wrap`
+* `word-spacing`
+* `letter-spacing`
 
 ## 웹 폰트
 ```CSS