•  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
r10 vs r11
......
449449
----
450450
아래는 예시입니다.
451451
452
||{{{||<width=500><table align=center><table bordercolor=red><table bgcolor=yellow>[[파일:로고.png|width=100%&align=center]]||}}}[br][br]문법을 적용하지 않은 이미지.[br]테두리(빨간색) 안에 상하 5px, 좌우 10px의 기본 여백(노란색) 발생.||
452
||{{{||<width=500><table align=center><table bordercolor=red><table bgcolor=yellow>[[파일:알파위키 로고.svg|width=100%&align=center]]||}}}[br][br]문법을 적용하지 않은 이미지.[br]테두리(빨간색) 안에 상하 5px, 좌우 10px의 기본 여백(노란색) 발생.||
453453
454
||<width=500><table align=center><table bordercolor=red><table bgcolor=yellow>[[파일:로고.png|width=100%&align=center]]||
454
||<width=500><table align=center><table bordercolor=red><table bgcolor=yellow>[[파일:알파위키 로고.svg|width=100%&align=center]]||
455455
456456
----
457457
458458
||{{{||<width=500><table align=center><table bordercolor=red><table bgcolor=yellow>{{{#!wiki style="margin: -5px -10px"
459
[[파일:로고.png|width=100%&align=center]]}}}||}}}[br]문법을 적용한 후.||
459
[[파일:알파위키 로고.svg|width=100%&align=center]]}}}||}}}[br]문법을 적용한 후.||
460460
461461
||<width=500><table align=center><table bordercolor=red><table bgcolor=yellow>{{{#!wiki style="margin: -5px -10px"
462
[[파일:로고.png|width=100%&align=center]]}}}||
462
[[파일:알파위키 로고.svg|width=100%&align=center]]}}}||
463463
464464
----
465465
......
656656
기본값은 {{{margin:0px}}}
657657
{{{margin:0px auto}}}로 주었을 경우 표 밖의 가로 여백을 자동으로 맞춥니다. 즉, 표의 화면 가운데 정렬이 됩니다.
658658
이 방법을 사용하면 표의 셀 내부에 이미지를 삽입할 때 여백을 없애는 것이 가능하며 양수값을 사용하면 여백이 추가되며, 음수 값을 사용할 경우 여백이 줄어듭니다.
659
||<colbgcolor=#fc6><colcolor=#000> 문법 ||<^|1>문법 미사용[br]{{{||<tan>[[파일:로고.png]]||
659
||<colbgcolor=#fc6><colcolor=#000> 문법 ||<^|1>문법 미사용[br]{{{||<tan>[[파일:알파위키 로고.svg]]||
660660
}}}||<^|1>문법 사용[br]{{{||<tan>{{{#!wiki style="margin:-5px -10px"
661
[[파일:로고.png]]}}}||}}}||
661
[[파일:알파위키 로고.svg]]}}}||}}}||
662662
|| 출력 ||{{{#!wiki style=""
663
||<tan>[[파일:로고.png|width=80]]||}}}||{{{#!wiki style="float:left"
663
||<tan>[[파일:알파위키 로고.svg|width=80]]||}}}||{{{#!wiki style="float:left"
664664
||<tan>{{{#!wiki style="margin:-5px -10px -5px -10px"
665
[[파일:로고.png|width=80]]}}}||}}}||
665
[[파일:알파위키 로고.svg|width=80]]}}}||}}}||
666666
만약 margin이 접기나 표 밖으로 나오면 잘립니다.[* 원래는 그냥 튀어 나왔으나, 2019년 10월 말 경부터 변경.]
667667
668668
* 틀 높이: {{{height:(수치)px}}}
......
683683
알파위키 이미지, 표의 정렬과 비슷하나 center의 경우 별도의 설정 없이는 표의 폭이 100%로 고정됩니다.
684684
float 기능을 사용하여 [[#s-17.3.3|표의 캡션]] 기능과 비슷하게 이미지에도 캡션을 넣을 수 있습니다. 알파위키에는 이미지 캡션 기능이 없으므로 이렇게 써야 합니다.
685685
||<colbgcolor=#fc6><colcolor=#000>예시[br]문법||{{{{{{#!wiki style="float:left;text-align:center"
686
[[파일:로고.png|width=200]][br]알파위키 로고}}}}}}||{{{{{{#!wiki style="float:left;text-align:center"
687
알파위키 로고[br][[파일:로고.png|width=200]]}}}}}}||
686
[[파일:알파위키 로고.svg|width=200]][br]알파위키 로고}}}}}}||{{{{{{#!wiki style="float:left;text-align:center"
687
알파위키 로고[br][[파일:알파위키 로고.svg|width=200]]}}}}}}||
688688
||예시[br]출력||{{{#!wiki style="float:left;text-align:center"
689
[[파일:로고.png|width=200]][br]알파위키 로고}}}||{{{#!wiki style="float:left;text-align:center"
690
알파위키 로고[br][[파일:로고.png|width=200]]}}}||
689
[[파일:알파위키 로고.svg|width=200]][br]알파위키 로고}}}||{{{#!wiki style="float:left;text-align:center"
690
알파위키 로고[br][[파일:알파위키 로고.svg|width=200]]}}}||
691691
* {{{display}}} 속성: 표가 화면에서 어떻게 표시될지를 정합니다. 속성을 주지 않을 경우 기본값은 {{{block}}}입니다. 줄글 같이 취급하는 {{{inline}}}, 표로 취급하는 {{{table}}}, 안 보이게 하는 {{{none}}} 등이 있습니다. 더 자세한 사항은 [[https://www.w3schools.com/cssref/pr_class_display.asp|링크 참조]]
692692
기본값인 block의 경우 강제로 표 너비의 최소를 화면의 100%로 맞춥니다. table 등으로 값을 줄 경우 이를 막을 수 있습니다.
693693
||<table width=100%><width=50%>display 속성을 주지 않을 경우
694694
(기본인 {{{display:block}}}이 됨)
695695
{{{#!wiki style="border:1px solid gray;border-top:5px solid orange"
696
[[파일:로고.png|width=200]]}}}||<width=50%>display 속성을 {{{display:table}}}로 준 경우
696
[[파일:알파위키 로고.svg|width=200]]}}}||<width=50%>display 속성을 {{{display:table}}}로 준 경우
697697
{{{#!wiki style="border:1px solid gray;border-top:5px solid orange;display:table"
698
[[파일:로고.png|width=200]]}}}||
698
[[파일:알파위키 로고.svg|width=200]]}}}||
699699
[clearfix]
700700
701701
== 문법 강조 (syntax highlighting) ==
......