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. Bottom end

adj. ; 진실을 알아내세요

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

3인칭 단수: Bottoms 복수: Bottoms 현재 분사: Bottoming 과거 시제: Bottomed 과거 분사: Bottomed

right

英[raət]

adv. 오른쪽으로, 오른쪽으로; 항상

맞음; 오른쪽, 오른쪽; . 교정하다, 정리하다, 보상하다

vi.(배 등) 교정하다, 안정시키다

3인칭 단수: 권리 과거형: 권리 과거분사: righted

radius

English [ ˈreˈrediəs] 美[ˈrediəs]

n.radius; 반경(거리);

CSS 테두리-오른쪽 아래-반경 특성통사론

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

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

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

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

CSS 테두리-오른쪽 아래-반경 특성예

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

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

</body>
</html>

인스턴스 실행 »

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

인기 추천

비디오

Q&A