CSS와 CSS3의 비교

원본 CSS:

테두리 속성

border-color: 테두리 색상

border-width: 테두리 너비

border-style: 테두리 스타일

없음: 테두리가 없습니다. 지정된 테두리 너비 값과 무관
숨김: 테두리를 숨깁니다. IE는
점선을 지원하지 않습니다. MAC 플랫폼의 IE4+와 WINDOWS 및 UNIX 플랫폼의 IE5.5+는 점선입니다. 그 외의 경우에는 실선입니다(일반적으로 사용됨)
점선: MAC 플랫폼에서는 IE4+, UNIX 플랫폼에서는 WINDOWS 및 IE5.5+는 점선입니다. 그 외의 경우에는 실선(흔히 사용됨)
solid: 실선 테두리(흔히 사용됨)
double: 이중선 테두리입니다. 두 개의 단일 선과 그 간격의 합은 지정된 border-width 값과 같습니다
groove: border-color 값에 따라 3D 홈을 그립니다.
ridge: border 값에 따라 다이아몬드 테두리를 그립니다. -color
inset: border-color 값에 따라 마름모 테두리 그리기 -color 값에 따라 3D 오목 모서리 그리기
outset: border-color 값에 따라 3D 볼록 모서리 그리기

css3

테두리 테두리 속성:

테두리 반경: 둥근 모서리

div

{

border:2px solid;

border-radius:25px ;

-moz-border-radius:25px /* 기존 Firefox */

}

box-shadow: 테두리 그림자

예:

div

{

box-shadow: 10px 10px 5px #888888;

}

테두리 이미지: 테두리 이미지

테두리 이미지 수레

테두리 이미지 슬라이스

border-image-width

border-image-outset

border-image-repeat

css와 css3의 비교에 관련된 더 많은 기사를 보려면 다음을 참고하세요. PHP 중국어 웹사이트!