본문 바로가기

text-underline-offset13

text-shadow 속성은 텍스트 그림자를 설정합니다. Reference/CSS text-shadow 속성은 텍스트 그림자를 설정합니다. by @webs 2022. 11. 30. text-shadow text-shadow 속성은 텍스트 그림자를 설정합니다. x축, y축 길이를 통해 그림자의 길이를 설정하고, blur를 통해 뿌연 정도를 컨트롤 할 수 있습니다. 다중 속성을 이용하여 실제 느낌의 그림자 연출도 가능합니다. 특징 설명 기본값 text-shadow : none 적용 text 버전 CSS3 사용성 ★☆☆☆☆ 정의(Definition) text-shadow 속성은 텍스트 그림자를 설정합니다. text-shadow 속성의 blur는 뿌연 정도를 나타내는 속성입니다. text-shadow 속성의 color를 설정하지 않으면 기본 컬러색으로 설정됩니다. 비.. 2022. 11. 30.
text-overflow 속성은 텍스트가 영역을 벗어 났을 때 속성을 설정합니다. Reference/CSS text-overflow 속성은 텍스트가 영역을 벗어났을 때 속성을 설정합니다. by @webs 2022. 11. 16. text-overflow text-overflow 속성은 텍스트가 영역을 벗어났을 때 속성을 설정합니다. 텍스트가 줄바꿈이 없이 한줄이고 지정한 영역 이외에는 안보이도록 설정해야 text-overflow 속성 설정이 가능합니다. 보통 한줄 효과를 쓸 때 많이 사용합니다. 텍스트가 줄바꿈이 없이 한줄로 표현하려면, white-space: nowrap을 설정하고, 지정한 영역 이외에 안보이도록 설정하려면, overflow: hidden을 설정해야 합니다. 특징 설명 기본값 text-overflow : clip 적용 text 버전 CSS3 사용성 ★☆☆☆☆ 정의(D.. 2022. 11. 16.
text-justify 속성은 양쪽 정렬을 했을 때 정렬 유형을 설정합니다. Reference/CSS text-justify 속성은 양쪽 정렬을 했을 때 정렬 유형을 설정합니다. by @webs 2022. 11. 16. text-justify text-justify 속성은 양쪽 정렬을 했을 때 정렬 유형을 설정합니다. 양쪽 정렬을 할 경우 간격 등에 문제가 생길 수 있기 때문에, 이 부분을 단어 또는 글자 사이에 간격을 조정하여, 정렬을 깔끔하게 할 수 있습니다. 일반적인 영어 보다는 아랍어나 일본어 등에 미세한 조정이 필요할 때 사용합니다. 특징 설명 기본값 text-justify : auto 적용 text 버전 CSS3 사용성 ★☆☆☆☆ 정의(Definition) text-justify 속성은 양쪽 정렬을 했을 때 정렬 유형을 설정합니다. text-justify 속성은 tex.. 2022. 11. 16.
text-indent 속성은 문단 들여쓰기 속성을 설정합니다. Reference/CSS text-indent 속성은 문단 들여쓰기 속성을 설정합니다. by @webs 2022. 11. 15. text-indent text-indent 속성은 문단 들여쓰기 속성을 설정합니다. 한글에서 들여쓰는 문단의 첫 번째 줄에 빈칸을 만들어 문단이 시작되는 것을 말합니다. text-indent 속성은 빈칸 부분을 설정해 주는 역할을 하며, text-indent: -9999px 속성을 이용하여 글씨를 숨길때 쓰기도 했습니다. 하지만 이 방법은 접근성에 맞지 않으므로 추천하지 않습니다. 특징 설명 기본값 text-indent : 0 적용 text 버전 CSS1 사용성 ★★☆☆☆ 정의(Definition) text-indent 속성은 문단 들여쓰기 속성을 설정합니다. text-inde.. 2022. 11. 16.
text-underline-offset 속성은 언더 라인의 오프셋 값을 설정합니다. Reference/CSS text-underline-offset 속성은 언더 라인의 오프셋 값을 설정합니다. by @webs 2022. 11. 9. text-underline-offset text-underline-offset 속성은 언더 라인의 오프셋 값을 설정합니다. 텍스트에 underline 속성이 설정된 경우와 텍스트 언더라인 스타일이 solid, double, dotted, dashed, wavy인 경우에 설정 가능합니다. 특징 설명 기본값 text-underline-offset : auto 적용 text 버전 CSS3 사용성 ★★☆☆☆ 정의(Definition) text-underline-offset 속성은 언더 라인의 오프셋 값을 설정합니다. 텍스트 라인과 관련된 속성 text-decorat.. 2022. 11. 15.
text-underline-position 속성은 언더 라인의 위치를 설정합니다. Reference/CSS text-underline-position 속성은 언더 라인의 위치를 설정합니다. by @webs 2022. 11. 13. text-underline-position text-underline-position 속성은 언더 라인의 위치를 설정합니다. text-underline이 설정되어 있는 경우 라인의 위치를 under로 설정할 수 있으며, left와 right속성은 글씨가 세로 모드일 경우에 적용이 됩니다. 특징 설명 기본값 text-underline-position : auto 적용 text 버전 CSS3 사용성 ★★☆☆☆ 정의(Definition) text-underline-position 속성은 언더 라인의 위치를 설정합니다. text-underline-position 요.. 2022. 11. 13.
text-decoration-skip-ink 속성은 언더 라인의 글씨 겹침을 설정합니다. Reference/CSS text-decoration-skip-ink 속성은 언더 라인의 글씨 겹침을 설정합니다. by @webs 2022. 11. 9. text-decoration-skip-ink text-decoration-skip-ink 속성은 언더 라인의 글씨 겹침을 설정합니다. 글씨와 라인이 겹칠 때 어떤 부분을 우선순위로 할지 정해줍니다. 라인의 종류에는 solid, double, dotted, dashed, wavy가 있으며, 글씨 크기나 라인의 크기에 따라 글씨가 겹쳐서 안보이는 경우 설정하기 좋습니다. 특징 설명 기본값 text-decoration-skip-ink : auto 적용 text 버전 CSS3 사용성 ★☆☆☆☆ 정의(Definition) text-decoration-skip-i.. 2022. 11. 12.
text-decoration 속성은 텍스트 라인 속성을 일괄적으로 설정합니다. Reference/CSS text-decoration 속성은 텍스트 라인 속성을 일괄적으로 설정합니다. by @webs 2022. 11. 11. text-decoration text-decoration 속성은 텍스트 라인 속성을 일괄적으로 설정합니다. 라인의 굵기를 설정하고 싶다면, text-decoration-thickness 속성을 사용하고, 라인의 색상을 설정하고 싶다면, text-decoration-color 속성을 사용하고, 라인의 종류를 설정하고 싶다면, text-decoration-style 속성을 사용하고, 라인의 위치를 설정하고 싶다면, text-decoration-line 속성을 사용합니다. 여러개의 효과를 동시에도 사용이 가능합니다. 특징 설명 기본값 text-decoration-co.. 2022. 11. 11.
text-decoration-thickness 속성은 글자 라인의 굵기 속성을 설정합니다. Reference/CSS text-decoration-thickness 속성은 글자 라인의 굵기 속성을 설정합니다. by @webs 2022. 11. 9. text-decoration-thickness text-decoration-thickness 속성은 글자 라인의 굵기 속성을 설정합니다. text-decoration: underline을 설정해야, 굵기 조절이 가능합니다. 특징 설명 기본값 text-decoration-thickness : auto 적용 text 버전 CSS3 사용성 ★★☆☆☆ 정의(Definition) text-decoration-thickness 속성은 글자 라인의 굵기 속성을 설정합니다. text-decoration-thickness 속성은 text-decoration-line .. 2022. 11. 11.
text-decoration-line 속성은 글자 라인의 위치 속성을 설정합니다. Reference/CSS text-decoration-line 속성은 글자 라인의 위치 속성을 설정합니다. by @webs 2022. 11. 9. text-decoration-line text-decoration-line 속성은 라인의 위치를 설정합니다. 언더라인을 아래, 위 또는 중간에 설정할 수 있으며, 여러가지 라인을 동시에도 설정할 수 있습니다. 라인의 컬러, 종류, 굵기도 설정이 가능하며, 글씨와 라인의 겹칩 현상, 포지션 값 등을 디테일하게 수정할 수 있습니다. 특징 설명 기본값 text-decoration-line : underline 적용 text 버전 CSS3 사용성 ★★★☆☆ 정의(Definition) text-decoration-line 속성은 글자 라인의 위치 속성을 설정합니다. 텍.. 2022. 11. 10.
text-decoration-color 속성은 글자 라인의 색상 속성을 설정합니다. Reference/CSS text-decoration-color 속성은 글자 라인의 색상 속성을 설정합니다. by @webs 2022. 11. 9. text-decoration-color text-decoration-color 속성은 글자 라인의 색상 속성을 설정합니다. 컬러 속성을 적용하기 위해서는 기본적으로 text-decoration-line: underline이 설정 되어 있어야 합니다. 언더 라인의 위치와 색상, 종류 등도 세부적으로 변경이 가능합니다. 특징 설명 기본값 text-decoration-color : currentcolor 적용 text 버전 CSS3 사용성 ★★★☆☆ 정의(Definition) text-decoration-color 속성은 글자 라인의 색상 속성을 설정합니다. te.. 2022. 11. 9.
text-align-last 속성은 문단의 마지막 텍스트 정렬 방식을 설정합니다. Reference/CSS text-align-last 속성은 문단의 마지막 텍스트 정렬 방식을 설정합니다. by @webs 2022. 11. 4. text-align-last text-align-last 속성은 문단의 마지막 텍스트 정렬 방식을 설정합니다. 특징 설명 기본값 text-align-last : auto 적용 text 버전 CSS3 사용성 ★☆☆☆☆ 정의(Definition) text-align-last 속성은 문단의 마지막 텍스트 정렬 방식을 설정합니다. text-align-last : start 속성은 left와 같아 보이지만 글씨의 방향이 반대라면 차이가 납니다. text-align-last : end 속성은 right와 같아 보이지만 글씨의 방향이 반대라면 차이가 납니다. text-al.. 2022. 11. 8.
text-align 속성은 텍스트 정렬 방식을 설정합니다. Reference/CSS text-align 속성은 텍스트 정렬 방식을 설정합니다. by @webs 2022. 7. 4. text-align text-align 속성은 텍스트 정렬 방식을 설정합니다. start와 end 속성은 텍스트의 방향이 다를 경우 left와 right의 차이점을 알 수 있습니다. 특징 설명 기본값 text-align : left 적용 text 버전 CSS1 사용성 ★★★★★ 정의(Definition) text-align 속성은 텍스트 정렬 방식을 설정합니다. text-align : start 속성은 left와 같아 보이지만 글씨의 방향이 반대라면 차이가 납니다. text-align : end 속성은 right와 같아 보이지만 글씨의 방향이 반대라면 차이가 납니다. text-alig.. 2022. 11. 5.