알파위키:문법 도움말(비교)

{{{#orange {{{+1 주의사항}}}}}}

1. 이러한 코드는 내부적으로 {{{<div>}}} 박스로 처리됩니다.

1. 스타일 내용과 본문 사이에는 줄바꿈이 있어야 합니다.

각 스타일은 {{{;}}}(세미콜론)으로 구분합니다.

각 속성 뒤에는 {{{:}}}이 붙으며, 그 뒤에는 속성의 값을 작성합니다.

예를 들어, {{{background-color}}} 속성을 {{{black}}}[* 흑색]으로 적용하려면 {{{background-color: black}}}을 쓰실 수 있습니다.

{{{border}}} 속성은 {{{wiki}}}문의 border(테두리)를 지정해 주는 속성입니다.

----

{{{#orange {{{+2 사용법}}}}}}

[[파일:속성.png|width=18px]] border-left

[[파일:속성.png|width=18px]] border-right

각각 상하좌우의 테두리를 설정하는 속성입니다. 사용 방법은 {{{border}}}와 같습니다.

{{{float}}} 속성을 지정해 주시면 되며, 반드시 {{{wiki}}}의 닫는 중괄호와 그 다음 여는 중괄호는 붙어 있어야 합니다. 다음 예시를 보시면 이해가 쉬울 겁니다.

{{{+2 {{{#ABCDEF 예시1}}}}}}

{{{

알파위키}}}{{{#!wiki style="border:1px solid blue;float:left;"

알파위키

}}}||

배경 색은 {{{background-color}}} 속성으로 처리합니다. color는 영국식 {{{colour}}}이 아닌 미국식 {{{color}}}로 작성해야 하는 점 유의해 주시기 바랍니다.

{{{

{{{#!wiki style="background-color: #ABCDEF"

}}}

{{{+1 {{{#orange 주의사항 }}}}}}

위 예시와 같이, 밝은 배경과 밝은 색을 혼합하면 가독성이 떨어집니다.

글자에 그림자 효과를 냅니다. 가로이동과 세로이동을 0으로 지정해놓으면 네온 효과가 납니다.

{{{{{{#!html <span style="text-shadow: 가로이동px 세로이동px 그림자크기px #그림자 색상 코드;color:#글자 색상 코드">텍스트</span>}}}}}}

{{{#!html <span style="text-shadow: 2px 2px 6px #767676;color:#000">예시</span>}}}와 같이 나타나며,