틀:줄바꿈/설명문서: 두 판 사이의 차이

2019년 6월 7일 (금) 02:54 판

틀:틀 설명문서 안내 글의 줄바꿈(개행) 속성을 지정할 수 있는 틀입니다. 글에서 줄바꿈이 이루어질 위치를 어절(띄어쓰기) 단위로 지정할 수 있습니다. 이 틀을 사용하면 모바일 환경에서의 표와 같은 좁은 폭에서도 문장을 쉽게 읽을 수 있습니다. CSS의 word-break 속성과 같습니다.

경우에 따라 개별 환경에서 적용되지 않은 것으로 보일 수 있으나 다수의 웹 브라우저 환경에서는 이를 지원합니다.^[1]

사용 방법

{{줄바꿈|속성을 지정할 문자}}

달이 뜬 남산은

→

달이 뜬 남산은

keep-all이 지정되어 어절별로 줄바꿈이 이루어집니다.

매개 변수

{{줄바꿈|속성을 지정할 문자|속성값 매개 변수(선택)}}

normal
기본 줄바꿈 규칙이 적용됩니다.
break-all
알파벳을 포함해 항상 문자 단위로 줄바꿈이 이루어집니다. 문자로도 입력할 수 있습니다.
keep-all
한국어, 중국어, 일본어 문자를 포함해 항상 어절(띄어쓰기) 단위로 줄바꿈이 이루어집니다. 매개 변수를 지정하지 않으면 기본으로 선택됩니다.
break-word
글이 영역을 벗어날 경우 사용할 수 있습니다.

긴 영단어는 줄이 바뀌는 곳에서 읽기에 어려움이 없도록 알맞은 위치에 하이픈(‐)이나 필요할 때만 나타나는 '부드러운 하이픈'()을 넣으면 좋습니다.

예시

normal

달이 뜬 남산은 Lorem ipsum

→

달이 뜬 남산은 Lorem ipsum

break-all

달이 뜬 남산은 Lorem ipsum

→

달이 뜬 남산은 Lorem ipsum

keep-all

달이 뜬 남산은 Lorem ipsum

→

달이 뜬 남산은 Lorem ipsum

break-word

달이 뜬 남산은 Lorem ipsum

→

달이 뜬 남산은 Lorem ipsum

↑ Mozilla Contributors. word-break - CSS Cascading Style Sheets | MDN, MDN 웹 문서,. 2019.6.7.에 확인.

[1] Mozilla Contributors. word-break - CSS Cascading Style Sheets | MDN, MDN 웹 문서,. 2019.6.7.에 확인.

[1]

@@ 1번째 줄: / 1번째 줄: @@
 {{틀 설명문서 안내}}
 글의 줄바꿈(개행) 속성을 지정할 수 있는 틀입니다. 글에서 줄바꿈이 이루어질 위치를 어절(띄어쓰기) 단위로 지정할 수 있습니다. 이 틀을 사용하면 모바일 환경에서의 표와 같은 좁은 폭에서도 문장을 쉽게 읽을 수 있습니다. [[CSS]]의 <code>word-break</code> 속성과 같습니다.
+경우에 따라 개별 환경에서 적용되지 않은 것으로 보일 수 있으나 다수의 [[웹 브라우저]] 환경에서는 이를 지원합니다.<ref>{{웹 인용 |url=https://developer.mozilla.org/ko/docs/Web/CSS/word-break#Browser_compatibility |제목=<nowiki>word-break - CSS  Cascading Style Sheets | MDN</nowiki> |저자=Mozilla Contributors |날짜= |웹사이트=MDN 웹 문서 |출판사= |확인날짜=2019.6.7. }}</ref>
 == 사용 방법 ==
 <code><nowiki>{{줄바꿈|속성을 지정할 문자}}</nowiki></code>
@@ 30번째 줄: / 31번째 줄: @@
 *:글이 영역을 벗어날 경우 사용할 수 있습니다.
-긴 영단어는 줄이 바뀌는 곳에서 읽는 데 어려움이 없도록 알맞은 위치에 하이픈(‐)이나 필요할 때만 나타나는 '부드러운 하이픈'(&amp;shy;)을 넣으면 좋습니다.
+긴 영단어는 줄이 바뀌는 곳에서 읽기에 어려움이 없도록 알맞은 위치에 하이픈(‐)이나 필요할 때만 나타나는 '부드러운 하이픈'(<code>&amp;shy;</code>)을 넣으면 좋습니다.
 === 예시 ===