작성자 : 김동일
작성일 : 2015-10-30
css 레퍼런스 설명:
-
overflow-wrap : div 영역 내 문장들이 overflow가 될 시 처리 방법을 정의한다.
-
syntax :
overflow-wrap : normal|break-word|initial|inherit;normal : 별도의 new line이 나오기 전까지 div 영역을 무시하고 한 라인으로 표시한다.
break-word :div 영역에 따라 overflow 되면 new line으로 표시한다.
initial:기본 값으로 set되어 있는 값을 불러온다.(normal)
inherit:부모 element에 설정되어 있는 값을 상속 받는다.
결과
![http://code.webplatform.org/gist/5842405]사이트 참조
- align-content
- align-items
- align-self
- @keyframes
- animation
- backface-visibility
- background-clip
- background-origin
- background-size
- border-bottom-left-radius
- border-bottom-right-radius
- border-image
- border-image-outset
- border-image-repeat
- border-image-slice
- border-image-source
- border-image-width
- border-radius
- border-top-left-radius
- border-top-right-radius
- box-shadow
- box-sizing
- column-count
- column-gap
- column-rule
- column-rule-color
- column-rule-style
- column-rule-width
- column-span
- column-width
- columns
- flex
- flex-basis
- flex-direction
- flex-flow
- flex-grow
- flex-shrink
- flex-wrap
- @font-face
- font-feature-settings
- hyphens
- justify-content
- opacity
- order
- outline-offset
- overflow-wrap
- overflow-x
- overflow-y
- perspective
- perspective-origin
- resize
- tab-size
- text-align-last
- text-overflow
- text-shadow
- transform
- transform-origin
- transform-style
- transition
- transition-delay
- transition-duration
- transition-property
- transition-timing-function
- word-break
- word-wrap