CSS border 속성 > 각종 자료방 25

본문 바로가기

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
위쪽 선
오른쪽 선
아래쪽 선
왼쪽 선

댓글목록

css 각종 자료방
Total 42건 1 페이지
각종 자료방 목록
번호 제목 글쓴이 조회
42 윈도우 청원 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 228
41 기타 청원 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1900
40 html 청원 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 497
39 html 청원 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 412
38 php 청원 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 431
37 html 청원 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 435
36 mysql 청원 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 774
35 생활 청원 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 878
34 html 청원 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 976
33 html 청원 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1184
32 css 청원 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1129
31 php 청원 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1057
30 리눅스 청원 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1122
29 리눅스 청원 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1047
28 리눅스 청원 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 1070

검색

접속자 뷰

오늘: 8,121
어제: 7,737
최대: 13,876
전체: 4,844,268
현재: 243

페이지 뷰

오늘: 111,852
어제: 78,834
최대: 141,892
전체: 91,752,250
일본 가지말고, 일본제품 사지말자

사이트 관리자 및 개인정보 관리책임자: 이철수
Copyright © 1999-2024 www.csphoto.kr All rights reserved.