[개발] 지식/CSS(9)
-
list-style - bullet 없애기
list-style : none; 을 적용한다. list-style Syntax list-style: list-style-type list-style-position list-style-image|initial|inherit;ValueDescriptionlist-style-typeSpecifies the type of list-item marker. See list-style-type for possible valueslist-style-positionSpecifies where to place the list-item marker. See list-style-position for possible valueslist-style-imageSpecifies the type of list-item marke..
2016.11.29 -
텍스트 줄바꿈 처리 속성
word-breaknormal : 평소 규칙대로 단어를 분리한다.break-all : 단어가 문자별로 분리되어 단어의 중간에도 줄 바꿈이 된다.keep-all : 문자별로 분리되는 것을 금지한다.white-spaceinherit 상속normal defaultnowrap 줄바꿈을 하지 않는다pre 태그와 같은 기능, 마크업에서 엔터로 줄바꿈 한것 만 적용이 되고 넘어가는 것에는 줄바꿈 하지 않는다pre-line 마크업에서 줄바꿈 한 것이 적용 되면서 width를 넘어가는 텍스트도 자동으로 줄바꿈이 된다pre-wrap pre-line 과 비슷 word-wrapnormal : 기본값으로 콘텐츠가 컨테이너 경계를 초과한다.break-word : 콘텐츠가 다음 줄로 넘어가고 필요한 경우 단어 줄 바꿈이 발생한다.
2016.11.03 -
형제 선택자
인접 형제 조합자 (Adjacent sibling combinator)더하기(+) 기호로 이어진 두 개의 선택자에 해당하는 요소가 서로 부모 요소가 같은 형제 요소이며, 첫 번째 요소의 바로 뒤에 이어지는 두 번째 요소들을 선택합니다. CSS 2.h1.opener + h2 {...} 일반 형제 조합자 (General sibling combinator)물결(~) 기호로 구분된 두 선택자에 해당되는 요소가 서로 부모가 동일한 형제 요소이며, 첫 번째 요소의 뒤에 이어지는 두 번째 요소들을 선택합니다. 인접 형제 조합자와는 달리 바로 뒤에 이어질 필요가 없습니다. CSS 3.h1 ~ pre {...} 출처 : http://css.elex.pe.kr/2012/09/Combinators.html
2016.11.03