English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
word-break 속성 사용 방법 및 예제
break CSS 속성은 단어 내에서 줄바꿈을 지정하는 데 사용됩니다。
아래 표는 이 속성의 사용 설명과 버전 기록, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 설명합니다。 | normal |
---|---|
기본 값: | 적용: |
모든 요소 | thừa kế: |
네 | 애니메이션 가능:아니요。 애니메이션 속성。 |
버전: | CSS3의 새 기능 |
JavaScript 문법: | object.style.wordBreak="break-all" |
이 속성의 문법은 다음과 같습니다:
word-break: normal | break-all | keep-all | initial | inherit
다음 예제는 word를 사용하는 방법을 설명합니다.-break 속성.
p { width: 150px; background: #90ee90; word-break: break-all; }테스트를 보세요‹/›
아래 표는 이 속성의 값을 설명합니다。
값 | 설명 |
---|---|
normal | 단어는 일반적인 규칙에 따라 줄바꿈합니다. |
break-all | 단어 내에서 줄바꿈을 허용합니다. |
keep-all | 대체문자 사이에 공백을 사용하지 않도록 합니다. 반각 공백 또는 하이픈에서만 줄바꿈할 수 있습니다. |
initial | 이 속성을 기본 값으로 설정합니다. |
inherit | 지정된 경우, 관련 요소는 부모 요소의 word를 사용합니다.-break 속성 값. |
word-break 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다。
|
다음 튜토리얼을 참조하십시오:CSS Text。
관련 속성:word-wrap,white-space,text-overflow。