틀: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.