css CSS border 속성
페이지 정보
주의 본 정보들을 타 인터넷 사이트나 통신 동호회로 이동 게시하는 것을 무조건 금지합니다
본문
border-width (선 굵기 설정) | 1. 키워드 방식 : - medium : 중간 테두리를 지정합니다. 기본값. - thin : 얇은 테두리를 지정합니다. - thick : 설명 : 두꺼운 테두리를 지정합니다. - length : 테두리의 두께를 정의할 수 있습니다. - initial : 속성을 기본값으로 설정합니다. - inherit : 부모 요소에서 이 속성을 상속받습니다. 2. 숫자 방식 : px, pt, cm, em | |
border-style (선스타일 설정) | - solid : 실선 - dotted : 짧은 점선 - dashed : 긴 점선 - double : 이중 테두리 정의 - outset : 아래쪽 어둡게 처리 - inset : 위쪽을 어둡게처리 - groove : 파인 선(3px이상) - ridge : 불록한 선(3px이상) - none : 선없음 - hidden : 선을 숨김 | groove 3D 그루브 경계를 정의합니다. 효과는 테두리 색 값에 따라 다릅니다. ridge 3D 융기 테두리를 정의합니다. 효과는 테두리 색 값에 따라 다릅니다. inset 3D 삽입 테두리를 정의합니다. 효과는 테두리 색 값에 따라 다릅니다. outset 3D 시작 테두리를 정의합니다. 효과는 테두리 색 값에 따라 다릅니다. |
border-color | - name : "red"와 같은 색상 이름으로 지정 - 16 진수 : "# ff0000"과 같은 16 진수 값 지정 - RGB : RGB 값을 지정합니다 (예 : "rgb (255,0,0)"). | |
border | width, style, color 한번에 설정 | ex) border: 2px solid black; |
border-radius (모서리 둥글게 처리하는 속성) | 동일처리 : border-radius: 20px; 각각처리 : border-radius: 20px 35px 15px 30px; | 완전 둥글게 만들려면 높이의 반을 설정 ex)height: 50px; border-radius: 25px; |
border-top border-right border-bottom border-left | 위쪽 선 오른쪽 선 아래쪽 선 왼쪽 선 |