border-style 프로퍼티· 테두리 선 스타일을 지정하는 속성· border-top-style, border-right-style, border-bottom-style, border-left-style 프로퍼티를 이용하여 위쪽, 오른쪽, 아래쪽, 왼쪽의 테두리 선 스타일을 지정할 수 있습니다.· 네 가지 속성값을 한 번에 지정하거나 각각 지정 할 수 있습니다.· 기본 값이 none 이므로 스타일시트에 테두리 스타일을 따로 지정하지 않으면 테두리가 화면에 표시되지 않습니다 프로퍼티 값 설명 none · 기본값 "0" · 테두리 선이 나타나지 않습니다. hidden · 외곽선 숨김 · none과 같은 결과이지만 table태그에서는 표시됩니다. solid · 실선 double · 이중 실설 · 두선 사이..

가상클래스 선택자 (추상클래스 선택자)· 태그, 아이디명, 클래스명 뒤에 :(콜론)을 붙여 이벤트명을 지정해 줍니다.· :이벤트명 형식을 사용하면 특정 이벤트마다 적용 할 CSS 스타일을 사용 할 수 있으며 이를 가상 클래스라고 합니다.· 이를 활용하면 어떤 요소도 첫 번째 줄만 선택해서 스타일을 줄 수 있어 좀 더 디테일한 스타일 적용이 가능합니다. 가상클래스 선택자 기본 형식

background-attachment 프로퍼티 문서와 함께 이미지가 스크롤될 것인지를 결정합니다.

테두리 관련 스타일 박스 관련 스타일과 테두리 관련 스타일로 구분 됩니다. 구분설명박스 관련 스타일박스의 여백이나 모서리 등을 설정 테두리 관련 스타일테두리의 두께나 색상, 선 스타일 등을 지정하는 설정

속성 선택자 특정 속성(attribute) 또는 특정 속성값을 갖고 있는 요소(element)를 선택합니다. 속성 선택자는 7가지 형태가 있습니다.

다양한 선택자다양한 선택자를 학습하여 스타일 적용하기 Selector Type Description 전체 선택자 * { width:100%; } 모든 요소에 스타일을 적용할 때 사용HTML 페이지에 있는 모든 요소를 대상으로 스타일을 적용HTML 전체를 대상으로 가로 값을 100%로 설정 타입 선택자 p { width:100%; } 태그 선택자p 요소에게 가로 값을 100% 설정 class 선택자 .wrap { width:100%; } 클래스 wrap에 가로 값을 100% 설정 id 선택자 #wrap { width:100%; } 아이디 wrap에 가로 값을 100% 설정 후손 선택자 div p { width:100%; } '하위 선택자'라고도 합니다.div 요소 안에 있는 p 요소에게 가로 값을 100%..