HtmlCss42 CSS - Overflow (영역) 요소안의 내용이 요소에 지정된 크기보다 많아서 요소의 지정된 영역을 벗어나면 이 벗어난 영역에 대한 처리를 하는 속성이 overflow이다. overflow의 속성값이 hidden이면 벗어난 값들이 보이지 않고 scroll이면 범위를 벗어난 값들을 보이기 위해 스크롤바가 생기고, auto이면 값의 양에 따라 자동으로 스크롤바가 생기거나 생기지 않는다. overflow hidden : 영역에서 벗어난 값들이 보이지 않는다. scroll : 영역에서 벗어난 값들을 보이기 위해 스크롤바가 생긴다. auto : 값의 양에 따라 스크롤바가 생기거나 생기지 않는다. 2019. 5. 25. Css 속성 선택자 사용 CSS의 속성 선택자 사용법 셀렉터[속성명] ==> '셀렉터'에 해당되는 요소들 중에서 지정한 '속성명'이 있는 요소들을 선택한다. 셀렉터[속성명=값] ==> '셀렉터'에 해당되는 요소들 중에서 지정한 '속성명'의 속성값이 '값'과 같은 요소들을 선택한다. 셀렉터[속성명^=값] ==> '셀렉터'에 해당되는 요소들 중에서 지정한 '속성명'의 속성값이 '값'으로 시작하는 요소들을 선택한다. 셀렉터[속성명$=값] ==> '셀렉터'에 해당되는 요소들 중에서 지정한 '속성명'의 속성값이 '값'으로 끝나는 요소들을 선택한다. 셀렉터[속성명*=값] ==> '셀렉터'에 해당되는 요소들 중에서 지정한 '속성명'의 속성값에 '값'이 포함되는 요소들을 선택한다. 셀렉터[속성명|=값] ==> '셀렉터'에 해동되는 요소들 중에.. 2019. 5. 25. CSS -텍스트 장식 text-decoration 예제입니다. text-decoration 예제입니다. text-decoration 예제입니다. Text transForm is UpperCase Text transForm is lowerCase Text transForm is capitalize Text-shadow 연습 영어의 경우 긴 단어가 출력될 영역을 벗어났을 때 단어를 자동으로 잘라서 줄바꿈 해주는 기능은 'word-wrap'속성에 'break-word'값을 설정하면 되고 자동 줄바꿈을 하지 않으려면 'normal'이라고 설정하 면 된다. aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa text-decoration overline : 윗줄 line-thro.. 2019. 5. 25. CSS - text-decoration text-decoration : ; none : 선을 만들지 않음 line-through : 글자 중간에 선 overline : 글자 위에 선 underline : 글자 아래에 선 initial : 기본값으로 설정 inherit : 부모 요소의 속성값을 상속 2019. 5. 25. 이전 1 2 3 4 5 6 ··· 11 다음
