- CSS3 추가
- 테두리
- radius, top-left,top-right,bottom도 동일하고 그 뒤에 radius를 붙일 수 있다
- image(테두리에 이미지 적용)
- 텍스트:overflow,wrap,break-영어에서만 적용(그런데 한글도 적용된다)
- text-overflow : 일반 overflow속성과 white-space(공백문자 처리 방법)와 함께 쓰인다.
첫 줄만 나타나고 나머지는 말줄임표…로 나타나게 쓰고 싶은 경우 overflow:hidden 과 white-space:nowrap;을 쓴다
overflow : 각 컨텐츠의 값이 넘쳤을 때 어떻게 보일지 처리
white-space : 글자가 자동 줄바꿈이 있는지 확인
pre-wrap을 넣는다면 html에 넣은거처럼 줄마다 들여쓰기를 한다 - word-wrap :
- word-break : 줄이 긴 경우 어떻게 자르는가에 대한 속성이다
break-all : 모든 줄을 단어가 긴 경우 중간에 잘라버린다
keep-all(기본속성) : 모든 줄을 단어가 긴 경우 자르지 않고 밑으로 내려간다
- text-overflow : 일반 overflow속성과 white-space(공백문자 처리 방법)와 함께 쓰인다.
- 테두리