본문 바로가기

wbr7

pre 태그는 마크업의 공백을 그대로 보여줍니다. Reference/HTML 태그는 마크업의 공백을 그대로 보여줍니다. by @webs 2022. 11. 15. 태그는 마크업의 공백을 그대로 보여줍니다. 코드를 보여줄 때 공백과 줄바꿈을 그대로 보여주기 때문에 태그와 같이 사용됩니다. 특징 설명 요소 인라인 요소(Inline Element) 닫는 태그 적용 버전 HTML4 시각적 표현 monospace 폰트로 표현 사용성 ★★★☆☆ 정의(Definition) 태그는 마크업의 공백을 그대로 보여줍니다. 태그는 코드를 표현할 때 태그와 같이 사용합니다. 마크업의 한칸 이상 공백은 브라우저에서 한칸으로 표현됩니다. 두칸이상의 공백을 표현하고 싶다면 를 사용해야 합니다. 줄바꿈과 관련된 태그 및 속성 태그는 텍스트 줄바꿈을 설정합니다. 태그는 의미가 없는 텍스.. 2022. 11. 22.
hyphens 속성은 텍스트 줄바꿈 할때 하이픈으로 연결하는 방법을 설정합니다. Reference/CSS hyphens 속성은 텍스트 줄바꿈 할때 하이픈으로 연결하는 방법을 설정합니다. by @webs 2022. 11. 19. hyphens hyphens 속성은 텍스트 줄바꿈 할때 하이픈으로 연결하는 방법을 설정합니다. 단어에서 줄바꿈이 될때 하이픈(-)으로 연결해주는 작업을 설정하는 방법입니다. 특징 설명 기본값 hyphens : manual 적용 text 버전 CSS3 사용성 ★☆☆☆☆ 정의(Definition) hyphens 속성은 텍스트 줄바꿈 할때 하이픈으로 연결하는 방법을 설정합니다. 줄바꿈과 관련된 속성 및 태그 white-space 속성은 줄바꿈, 공백 여부를 설정합니다. word-break 속성은 줄바꿈을 할때 단어를 기준으로 설정하는 속성입니다. overflow-w.. 2022. 11. 21.
overflow-wrap 속성은 의미가 없는 텍스트 줄바꿈을 설정합니다. Reference/CSS overflow-wrap 속성은 의미가 없는 텍스트 줄바꿈을 설정합니다. by @webs 2022. 11. 19. overflow-wrap overflow-wrap 속성은 의미가 없는 텍스트 줄바꿈을 설정합니다. 태그와 동일한 기능입니다. 한국어는 적용되지 않으며, 영어에 적용됩니다. 특징 설명 기본값 overflow-wrap : normal 적용 text 버전 CSS3 사용성 ★☆☆☆☆ 정의(Definition) overflow-wrap 속성은 의미가 없는 텍스트 줄바꿈을 설정합니다. overflow-wrap 속성은 한국어에는 적용되지 않습니다. overflow-wrap 속성은 태그와 기능이 동일합니다. 줄바꿈과 관련된 속성 및 태그 white-space 속성은 줄바꿈, 공백 .. 2022. 11. 21.
word-break 속성은 줄바꿈을 할때 단어를 기준으로 설정하는 속성입니다. Reference/CSS word-break 속성은 줄바꿈을 할때 단어를 기준으로 설정하는 속성입니다. by @webs 2022. 11. 19. word-break word-break 속성은 줄바꿈을 할때 단어를 기준으로 설정하는 속성입니다. 줄바꿈을 할 때 단어를 기준으로 할지 말지 여부를 설정 할 수 있으며, 한국어를 기준으로 word-break: keep-all; 속성만 사용 가능합니다. 특징 설명 기본값 word-break : normal 적용 text 버전 CSS3 사용성 ★☆☆☆☆ 정의(Definition) word-break 속성은 줄바꿈을 할때 단어를 기준으로 설정하는 속성입니다. 줄바꿈과 관련된 속성 및 태그 white-space 속성은 줄바꿈, 공백 여부를 설정합니다. word-brea.. 2022. 11. 21.
white-space 속성은 줄바꿈 및 공백을 설정합니다. Reference/CSS white-space 속성은 줄바꿈 및 공백을 설정합니다. by @webs 2022. 11. 19. white-space white-space 속성은 줄바꿈 및 공백을 설정합니다. white-space: pre 속성은 태그와 기능이 동일합니다. 마크업의 공백은 화면으로 표현될 때 한칸의 공백으로 인식합니다. white-space 속성 마크업상의 공백을 화면에 그대로 표현해 주며, 줄바꿈이나 줄 속성도 설정 할 수 있습니다. 특징 설명 기본값 white-space : normal 적용 text 버전 CSS3 사용성 ★☆☆☆☆ 정의(Definition) white-space 속성은 줄바꿈, 공백을 설정합니다. white-space : pre 속성은 태그와 기능이 동일합니다. whit.. 2022. 11. 21.
br 태그는 텍스트 줄바꿈이 필요할 때 설정합니다. Reference/HTML 태그는 텍스트 줄바꿈이 필요할 때 설정합니다. by @webs 2022. 7. 4. 태그는 텍스트 줄바꿈이 필요할 때 설정합니다. 단순 줄바꿈을 위한 용도이기 때문에 스타일적인 요소가 필요하다면 CSS 속성을 사용합니다. 여백을 주기 위함이라면 CSS 속성 margin, padding 또는 line-height 사용을 권장합니다. 의미없는 글자에 줄바꿈을 원하다면 태그를 사용합니다. 문단간에 주제 분리를 위한 줄바꿈이 필요하다면 태그를 사용합니다. 특징 설명 요소 인라인 구조(Inline Element) 닫는 태그 없음 버전 HTML4 시각적 표현 줄바꿈 사용성 ★★★★☆ 정의(Definition) 태그는 텍스트 줄바꿈이 필요할 때 사용합니다. 태그는 줄을 바꾸는 의미 밖에 없.. 2022. 10. 31.
wbr 태그는 줄바꿈 할 위치를 설정할 때 사용합니다. Reference/HTML 태그는 줄바꿈 할 위치를 설정할 때 사용합니다. by @webs 2022. 7. 4. 태그는 줄바꿈 할 위치를 설정할 때 사용합니다. 태그의 사용은 제한적입니다. 일반적인 한글이나 영어에서는 해당이 되지 않습니다. 의미가 없는 단어나 해석 할 수 없는 단어의 줄바꿈을 할 때 사용합니다. 예를 들면 의미적 전달이 안되는 브라우저의 주소가 가장 적절한 예가 될 것입니다. 단어의 줄바꿈이나 글자의 줄바꿈을 컨트롤 하고 싶다면 word-break 속성을 사용합니다. 줄바꿈을 해주는 태그와 동일하지만, 태그는 줄바꿈을 해야 될 상황에 오면 줄바꿈을 해줍니다. 특징 설명 요소 인라인 구조(Inline Element) 닫는 태그 없음 버전 HTML5 시각적 표현 줄바꿈 사용성 ★★☆☆☆ 정.. 2022. 10. 30.