분류 전체보기589 CSS text-shadow 속성 CSS text-shadow 속성 text-shadow 속성은 텍스트에 그림자를 추가한다. 가장 단순하게 사용할 때는 수평 그림자(2px)와 수직 그림자(2px)만 지정한다: 텍스트 그림자 효과! h1요소에 text-shadow를 수평 2px, 수직 2px를 설정하면 아래 그림과 같이 표시된다. 이제 text-shadow에 색깔을 설정해보자. 텍스트 그림자 효과! h1 요소에 text-shadow를 수평 2px, 수직 2px 색을 red로 설정한 결과 화면이 아래 그림과 같다. 다음으로 그림자에 블러 효과를 5px 설정해보자 텍스트 그림자 효과! h1 요소에 text-shadow를 수평 2px, 수직 2px 블러효과를 5px 그리고 색을 red로 설정한 결과 화면이 아래 그림과 같다. 텍스트 그림자 효과.. 2023. 8. 2. CSS text-transform 속성 CSS text-transform 속성 text-transform 속성은 텍스트에서 대문자와 소문자를 지정하는 데 사용된다. 모든 항목을 대문자 또는 소문자로 변환하거나 각 단어의 첫 번째 문자를 대문자로 표시하는 데 사용할 수 있다: text-transform 속성 This text is transformed to uppercase. This text is transformed to lowercase. This text is capitalized. p.uppercase 요소에 text-transform 속성에 uppercase 값을 설정하면 모든 p 요소의 글자는 대문자로 변환하여 표시된다. p.lowercase 요소에 text-transform 속성에 lowercase 값을 설정하면 모든 p 요소의 .. 2023. 8. 1. CSS text spacing CSS text spacing 이 장에서는 다음 속성에 대해 알아본다: text-indent letter-spacing line-height word-spacing white-space CSS text-indent 속성 text-indent 속성은 텍스트의 첫 번째 줄 들여쓰기를 지정하는 데 사용된다: text-indent 제가 젊고 더 취약한 시기에 아버지는 제게 그 이후로 제가 마음속으로 생각하고 있는 몇 가지 조언을 해주셨습니다. "당신이 누군가를 비난하고 싶을 때마다," 그가 제게 말했습니다. "이 세상의 모든 사람들은 당신이 가졌던 이점이 없다는 것을 기억하세요." p 요소에 text-indent 속성에 50px 값을 설정하면 들여쓰기 50px이후에 글자가 표시된다. 위의 코드를 실행하면 아래 .. 2023. 7. 31. CSS text-decoration 속성 CSS text-decoration 이 장에서는 다음 속성에 대해 알아본다: text-decoration-line text-decoration-color text-decoration-style text-decoration-thickness text-decoration CSS text-decoration 속성(텍스트에 decoration line 추가) text-decoration-line 속성은 텍스트에 장식 선을 추가하는 데 사용된다. 추가 정보: 텍스트 위와 아래에 선을 표시하기 위해 두 개 이상의 값(예: 선 및 밑줄)을 결합할 수 있다. Overline text decoration Line-through text decoration Underline text decoration Overline a.. 2023. 7. 30. 이전 1 ··· 58 59 60 61 62 63 64 ··· 148 다음
