border margin border padding contens border 3 borderwidth

border의 정의 ① ② ③ ④ margin border padding contens

border의 3요소 • border-width: 선의 두께 • border-style: 선의 모양 • border-color: 선의 색깔

border-width • border-width: 두께를 나타낸다. • 키워드로 나타낼 경우 thin ≤ medium ≤ thick

border-color • border-color : yellow; border-color : 명도 적용적용 • border-color : 적용 • • • //정해진 이름 #FFE 400; //16진법을 이용한 색상코드 hsl(60, 90%, 50% ) ; //HSL hsla(60, 90%, 50%, 0. 8) ; //알파라는 투 rgb(255, 228, 0); //RGB rgba(225, 228, 0, 1. 0); //알파라는 투명도

border 위치별 이름 top left right bottom

border을 입력하는 방법(부분적용) 요약: border-bottom: 5 px bottom yellow; width/style/color

border-위치별 단축 • border: top, left, bottom, right ; (4개) div{ border-width: 10 px 15 px 12 px 11 px; } • border: top, right/left, bottom ; (3개) div{ border-width: 10 px 15 px 11 px; } • border: top/bottom, right/left ; (2개) div{ border-width: 10 px 15 px 11 px; } • top left right border: top/left/bottom/left ; (1개) div{ border-width: 10 px; } bottom