border
English [ˈbɔ:rdə(r)]
n. 테두리; 테두리 포함..., 켜기 the side of...
vt.side of..., around..., bordering...
vi. 대략, 인접
3인칭 단수: borders 복수: borders 현재 분사: bordering 과거 시제: bordered 과거 분사: bordered
radius
English [ˈreədiəs] US [ˈrediəs]
n.radius; 반경 범위(거리); 반경
CSS 테두리 반경 속성 통사론
기능: 약어 속성, 네 가지 테두리-*-반경 속성을 설정하는 데 사용됩니다.
구문: border-radius: 1-4 length|% / 1-4 length|%;
설명: length는 필렛의 모양을 정의합니다. %는 필렛의 모양을 백분율로 정의합니다.
참고: 각 반경의 4가지 값을 이 순서대로 설정하세요. Bottom-left를 생략하면 top-right와 동일합니다. 하단 오른쪽을 생략하면 상단 왼쪽과 동일합니다. top-right를 생략하면 top-left와 동일합니다.
CSS 테두리 반경 속성 예
<!DOCTYPE html>
<html>
<head>
<style>
div
{
text-align:center;
border:2px solid #a1a1a1;
padding:10px 40px;
background:#dddddd;
width:350px;
border-radius:25px;
-moz-border-radius:25px; /* 老的 Firefox */
}
</style>
</head>
<body>
<div>border-radius 属性允许您向元素添加圆角。</div>
</body>
</html>인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요