CSS 테두리-하단-왼쪽-반경 특성


  번역 결과:

border

English [ˈbɔ:rdə(r)]

n. 테두리; 테두리 포함..., 켜기 the side of...

vt.side of..., around..., bordering...

vi. 대략, 인접

3인칭 단수: borders 복수: borders 현재 분사: bordering 과거 시제: bordered 과거 분사: bordered

bottom

English [ˈbɑ:təm]

n. 하단 끝; 하단

vt. ; 진실을 알아내세요

vi. 바닥에 도달하세요; 기초를 세우세요

3인칭 단수: 바닥 복수: 바닥 현재 분사: 바닥 과거 분사: 바닥

left

영어 [lɛft]

adj. 좌파

n. 좌파, 좌파

adv. 휴가의 과거분사)

복수형: lefts

radius

English [ˈreˈrediəs]

n.radius; 반경 범위(거리);

복수형: 반경

CSS 테두리-하단-왼쪽-반경 특성통사론

기능: 테두리의 왼쪽 하단 모서리 모양을 정의합니다.

구문: ​​border-bottom-left-radius: length|% [length|%];

설명: length는 왼쪽 하단 모서리의 모양을 정의합니다. %는 왼쪽 하단 모서리의 모양을 백분율 값으로 정의합니다.​

참고: border-bottom-left-radius 속성의 길이 값과 백분율 값은 1/4 타원(외부 테두리 가장자리를 정의하는 모서리 모양)의 반경(반경)을 정의합니다. 첫 번째 값은 수평 반경이고 두 번째 값은 수직 반경입니다. 두 번째 값을 생략하면 첫 번째 값이 복사됩니다. 길이가 0이면 모서리는 둥글지 않고 정사각형입니다. 가로 반경의 백분율 값은 테두리 상자의 너비를 나타내고 세로 반경의 백분율 값은 테두리 상자의 높이를 나타냅니다.

CSS 테두리-하단-왼쪽-반경 특성예

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
border:2px solid;
padding:10px;
background:#dddddd;
border-bottom-left-radius:2em;
}
</style>
</head>
<body>

<div>border-bottom-left-radius 属性允许您向左下角添加圆角边框。</div>

</body>
</html>

인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

비디오

Q&A