css (4) 썸네일형 리스트형 CSS - 스크롤 바의 생성과 삭제를 정하는 overflow 속성 CSS의 overflow 속성은 요소의 내용이 요소의 상자에 맞지 않을 때 어떻게 처리할지를 지정합니다. 주로 요소의 크기가 고정되어 있고 내용이 그 크기를 벗어날 때 사용됩니다. overflow 속성은 다음과 같은 값들을 가질 수 있습니다: visible (기본값): 내용이 요소의 상자를 벗어나도 가려지지 않고 계속해서 표시됩니다. 다른 요소들에게 영향을 미칠 수 있습니다. overflow: visible; hidden: 내용이 상자를 벗어나면 가려집니다. 즉, 상자 외부의 내용은 보이지 않습니다. overflow: hidden; scroll: 내용이 상자를 벗어나면 스크롤바가 표시되어 사용자가 스크롤하여 숨겨진 내용을 볼 수 있습니다. overflow: scroll; auto: 내용이 상자를 벗어나면.. css border 속성 정리 border 속성은 태두리를 설정하는 속성이고 크게 두깨를 정하는 border-width 태두리의 점선, 실선등 스타일을 정하는 border-style 태두리의 색상을 정하는 border-color 로 나뉩니다. border-width 테두리의 두께로, 주로 px 단위를 사용합니다. border-style 테두리의 스타일로 실선, 점선, 이중선 등의 옵션이 존재합니다. border-color 테두리의 색상으로, 값은 color 속성의 포맷을 사용합니다. 방향 테두리의 특정 방향만 따로 설정할 수도 있습니다. border-top border-bottom border-left border-right border-bottom-color처럼 방향과 색,두께,스타일을 따로 설정할 수도 있습니다. 출처 :https.. css 버튼 관련 코드 버튼 배경색 background-color:#0a0a23; 버튼 글자색 color: #fff; 버튼 태두리 border:none; // 태두리 없음 border-radius:10px; // 태두리 둥글게 버튼 네온 효과 box-shadow: 10px 5px 5px red; // 버튼으로 부터 x좌표 10px, y좌료 5px 떨어진 곳에 네온 범위 5px인 red색상의 사각형 생성 box-shadow: 60px -16px teal; // 위 코드와 동일하지만 네온이 없다. box-shadow: 12px 12px 2px 1px rgba(0, 0, 255, .2); // 1번재 줄과 동일하지만 4번째 argument는 네온박스의 추가적인 크기를 나타낸다 box-shadow: inset 5em 1em gold;.. css 글자 관련 코드 color 글자의 색상을 정한다. white, red 같은 영문 색상이나 #fffffff 같은 컬러코드 모두 받는다 background-color background-color로 배경의 색을 정합니다. 그 색으로 border와 padding을 포함한 영역을 칠합니다. margin 영역은 칠하지 않습니다. transparent : 배경색이 없습니다. color : 색을 정합니다. initial : 기본값으로 설정합니다. inherit : 부모 요소의 속성값을 상속받습니다. font-size 글자의 크기르를 지정합니다. medium : 웹브라우저에서 정한 기본 글자크기입니다. xx-small, x-small, small, large, x-large, xx-large : medium에 대한 상대적인 크기입니다.. 이전 1 다음
