English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조 매뉴얼

CSS @규칙(RULES)

CSS 속성 전체 목록

CSS3 word-size 속성

word-break 속성 사용 방법 및 예제

break CSS 속성은 단어 내에서 줄바꿈을 지정하는 데 사용됩니다。

아래 표는 이 속성의 사용 설명과 버전 기록, 그리고 JavaScript 스크립트에서 이 속성의 사용 문법을 설명합니다。normal
기본 값:적용:
모든 요소thừa kế:
애니메이션 가능:아니요。 애니메이션 속성
버전: CSS3의 새 기능
JavaScript 문법:object.style.wordBreak="break-all"

word-break 사용 문법

이 속성의 문법은 다음과 같습니다:

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 속성의 브라우저 호환성, 아래 표의 숫자는 이 속성을 지원하는 브라우저의 최소 버전 번호를 나타냅니다; 모든 주요 브라우저는 이 속성을 지원합니다。

  • Firefox 15+

  • Google Chrome4+

  • Internet Explorer 5。5위

  • Apple Safari 3。1+

  • 오페라 15+

추가로 읽어보세요

다음 튜토리얼을 참조하십시오:CSS Text

관련 속성:word-wrapwhite-spacetext-overflow