Skip to content

Latest commit

 

History

History
59 lines (42 loc) · 1.31 KB

word-break.md

File metadata and controls

59 lines (42 loc) · 1.31 KB
Raw

word-break

작성자 : 송지은

작성일 : 2015-09-27

css 레퍼런스 설명:

  • word-break : 줄바꿈을 위한 단어 규칙을 지정하는 속성이다.

  • syntax :

word-break: normal|break-all|keep-all|initial|inherit;

normal : 기본 값. 기본 줄 바꿈 규칙을 사용한다.

break-all: 영어를 한 단어 내에 줄바꿈하는 속성이다. 한국어, 일본어, 중국어는 띄어쓰기를 기준으로 줄바꿈 된다.

keep-all : 영어도 한국어, 일본어, 중국어와 동일한 줄바꿈 규칙을 사용하는 속성이다.

sample code :

<!DOCTYPE html>
<html>
	<head>
		<style>
			p.test1 {
			    width: 140px;
			    border: 1px solid #000000;
			    word-break: keep-all;
			}

			p.test2 {
			    width: 140px;
			    border: 1px solid #000000;
			    word-break: break-all;
			}
		</style>
	</head>
	<body>
		<p class="test1">This paragraph contains some text. This line will-break-at-hyphens.</p>
		<p class="test2">This paragraph contains some text. The lines will break at any character.</p>
	</body>
</html>

결과보기

참고 : 오페라 12 및 이하 버전에서는 지원되지 않는다.