틀:Border-radius/설명문서

사각형 글 상자에 이 틀을 쓰면 둥근 모서리를 만들 수 있습니다. 많은 브라우저에서 CSS 를 표현하고, 오페라, 파이어폭스, 사파리, 크롬과 인터넷 익스플로러 9를 지원합니다.

쓰기

사각형 스타일 태그에 이 틀을 적용

{{border-radius | 반지름1 [반지름2 반지름3 반지름4]}}

• 한 값만 있으면 반지름은 네 귀퉁이에 모두 적용.
• 네 값이 다 주어지면, 왼쪽 위, 오른쪽 위, 오른쪽 아래, 왼쪽 아래 순서로 적용.

값이 둘 혹은 셋 만 있으면 브라우저마다 각각 다르게 표현하므로 아직 쓰기 곤란합니다.

보기

• <div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; {{border-radius|16px 8px 16px 8px}}">{{옛한글}}{{훈민정음}}...</div> 로 쓰면 다음과 같이 보입니다:

나라 말이 중국과 달라 문자가 서로 맞지 않으니 이런 까닭으로 어리석은 백성이 말하고자 할 바가 있어도 마침내 제 뜻을 펴지 못하는 사람이 많으니라. 내 이를 위하여 딱히 여겨 새로 스물여덟 자를 만드노니 사람마다 하여 쉬이 익혀 날로 쓰기 편안케 하고자 할 따름이니라.

나랏말ᄊᆞ미 中듀ᇰ國귁에 달아 文문字ᄍᆞᆼ와로 서르 ᄉᆞᄆᆞᆺ디 아니ᄒᆞᆯᄊᆡ 이런 젼ᄎᆞ로 어린百ᄇᆡᆨ姓셔ᇰ이 니르고져 호ᇙ 배 이셔도 ᄆᆞᄎᆞᆷ내 제 ᄠᅳ들 시러 펴디 몯ᄒᆞᇙ 노미 하니라 내 이ᄅᆞᆯ 爲윙ᄒᆞ야 어엿비 너겨 새로 스믈여듧 字ᄍᆞᆼᄅᆞᆯ ᄆᆡᇰᄀᆞ노니 사ᄅᆞᆷ마다 ᄒᆡᅇᅧ 수ᄫᅵ 니겨 날로 ᄡᅮ메 便뼌安ᅙᅡᆫ킈 ᄒᆞ고져 ᄒᆞᇙ ᄯᆞᄅᆞ미니라

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

같이 보기

• {{둥근 모서리}}
• {{상자 그림자}}
• {{선형 그라디언트}}