틀:상자 그림자/설명문서
< 틀:상자 그림자
이 문서는 틀:상자 그림자에 대한 설명입니다. 여기에는 틀 사용법, 분류 등 원래의 틀 문서에는 포함되지 않는 내용을 담고 있습니다. |
이 상자 그림자 틀은 글 상자에 그림자를 만들 수 있습니다.
쓰기
편집{{상자 그림자 | X-차이 | Y-차이 | 흐림 반지름 | #색}}
X-차이
와Y-차이
– 가로 세로 그림자 오프셋 크기 (기본은 오른쪽과 아래 쪽으로, 왼쪽과 윗쪽은 음수를 씁니다. 기본값은 4px흐림 반지름
– 블러 효과를 줄 반지름으로 기본값은 4px.색
– 색을 줍니다 기본값은#CCC;
.
보기1
편집<div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; {{상자 그림자}}">{{옛한글}}{{훈민정음}}...</div>
로 쓰면 다음과 같이 보입니다.
이 페이지에는 옛한글스크립트 오류: "Hangul" 모듈이 없습니다. 포함되어 있습니다. 관련 글꼴을 설치하시지 않으시면, 이 문자는 깨진 글자로 표시될 수 있습니다. 옛한글 도움말을 참고하면 볼 수 있습니다. |
나랏말ᄊᆞ미 中듀ᇰ國귁에 달아 文문字ᄍᆞᆼ와로 서르 ᄉᆞᄆᆞᆺ디 아니ᄒᆞᆯᄊᆡ 이런 젼ᄎᆞ로 어린百ᄇᆡᆨ姓셔ᇰ이 니르고져 호ᇙ 배 이셔도 ᄆᆞᄎᆞᆷ내 제 ᄠᅳ들 시러 펴디 몯ᄒᆞᇙ 노미 하니라 내 이ᄅᆞᆯ 爲윙ᄒᆞ야 어엿비 너겨 새로 스믈여듧 字ᄍᆞᆼᄅᆞᆯ ᄆᆡᇰᄀᆞ노니 사ᄅᆞᆷ마다 ᄒᆡᅇᅧ 수ᄫᅵ 니겨 날로 ᄡᅮ메 便뼌安ᅙᅡᆫ킈 ᄒᆞ고져 ᄒᆞᇙ ᄯᆞᄅᆞ미니라
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.보기2
편집<div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; {{상자 그림자|4px|4px|8px|#A0A080}}">{{옛한글}}{{훈민정음}}...</div>
로 쓰면 색깔 있는 그림자 효과를 줍니다:
이 페이지에는 옛한글스크립트 오류: "Hangul" 모듈이 없습니다. 포함되어 있습니다. 관련 글꼴을 설치하시지 않으시면, 이 문자는 깨진 글자로 표시될 수 있습니다. 옛한글 도움말을 참고하면 볼 수 있습니다. |
나랏말ᄊᆞ미 中듀ᇰ國귁에 달아 文문字ᄍᆞᆼ와로 서르 ᄉᆞᄆᆞᆺ디 아니ᄒᆞᆯᄊᆡ 이런 젼ᄎᆞ로 어린百ᄇᆡᆨ姓셔ᇰ이 니르고져 호ᇙ 배 이셔도 ᄆᆞᄎᆞᆷ내 제 ᄠᅳ들 시러 펴디 몯ᄒᆞᇙ 노미 하니라 내 이ᄅᆞᆯ 爲윙ᄒᆞ야 어엿비 너겨 새로 스믈여듧 字ᄍᆞᆼᄅᆞᆯ ᄆᆡᇰᄀᆞ노니 사ᄅᆞᆷ마다 ᄒᆡᅇᅧ 수ᄫᅵ 니겨 날로 ᄡᅮ메 便뼌安ᅙᅡᆫ킈 ᄒᆞ고져 ᄒᆞᇙ ᄯᆞᄅᆞ미니라
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.같이 보기
편집- {{border-radius}}
- {{linear-gradient}}
- {{둥근 모서리}}