틀:-/설명문서: 두 판 사이의 차이

이삭위키
둘러보기로 이동 검색으로 이동
(설명 추가: 첫 번째 매개변수나 매개변수 clear를 이용해 클리어할 위치(left, right, both)를 정할 수 있게 하는 것에 대한 설명)
편집 요약 없음
 
(사용자 10명의 중간 판 11개는 보이지 않습니다)
1번째 줄: 1번째 줄:
{{틀 설명 소개하기}}<onlyinclude><includeonly>{{틀 설명 연결하기}}</includeonly>
{{설명문서 안내}}


CSS의 떠다니는 요소(floating element)의 흐름을 초기화하는 틀입니다. 가상의 수평선을 삽입한다고 할 수 있습니다.
[[위키백과:CSS]]의 떠다니는 요소(floating element)의 흐름을 초기화하는 틀입니다. 가상의 수평선을 삽입한다고 할 수 있습니다.


== 예시 ==
== 예시 ==
그림에 대한 코드가 다음과 같이 왼쪽에 놓이도록 설정되어 있을 때 그림에 대한 설명은 그림의 오른쪽에 놓이게 됩니다.
그림에 대한 코드가 다음과 같이 왼쪽에 놓이도록 설정되어 있을 때 그림에 대한 설명은 그림의 오른쪽에 놓이게 됩니다.


<pre style="overflow: auto">
<pre style="overflow: auto">
[[그림:Swan with nine cygnets 3.jpg|thumb|left|550px|어미 백조와 아홉 병아리]]
[[파일:Swan with nine cygnets 3.jpg|thumb|left|350px|어미 고니와 아홉 마리의 새끼 고니]]
어미 백조와 아홉 병아리에 대한 설명....
어미 고니와 아홉 마리의 새끼 고니에 대한 설명....
</pre>
</pre>


[[그림:Swan with nine cygnets 3.jpg|thumb|left|550px|어미 백조와 아홉 병아리]]
[[파일:Swan with nine cygnets 3.jpg|thumb|left|350px|어미 고니와 아홉 마리의 새끼 고니]]
어미 백조와 아홉 병아리에 대한 설명....
어미 고니와 아홉 마리의 새끼 고니에 대한 설명....


{{-}}
{{-}}
여기에 <nowiki>{{-}}</nowiki>를 추가하여 코드를 다음과 같이 바꾸면 설명이 그림 아래에 놓이게 됩니다.
여기에 <nowiki>{{-}}</nowiki>를 추가하여 코드를 다음과 같이 바꾸면 설명이 그림 아래에 놓이게 됩니다.
<pre style="overflow: auto">
<pre style="overflow: auto">
[[그림:Swan with nine cygnets 3.jpg|thumb|left|550px|어미 백조와 아홉 병아리]]
[[파일:Swan with nine cygnets 3.jpg|thumb|left|350px|어미 고니와 아홉 마리의 새끼 고니]]
{{-}}
{{-}}
어미 백조와 아홉 병아리에 대한 설명....
어미 고니와 아홉 마리의 새끼 고니에 대한 설명....
</pre>
</pre>


[[그림:Swan with nine cygnets 3.jpg|thumb|left|550px|어미 백조와 아홉 병아리]]
[[파일:Swan with nine cygnets 3.jpg|thumb|left|350px|어미 고니와 아홉 마리의 새끼 고니]]
{{-}}
{{-}}
어미 백조와 아홉 병아리에 대한 설명....
어미 고니와 아홉 마리의 새끼 고니에 대한 설명....
 
 
{{-}}
==매개 변수==
첫 번째 매개변수 또는 매개변수 "clear"는 클리어링(clearing)을 할 위치를 지정하는데 사용됩니다. 생략된 경우 적용되는 기본값은 "both"입니다.
<pre>
* {{-|left}}: 왼쪽만 클리어합니다.
              예를 들어, 오른쪽에 긴 정보 상자가 있을 때 정보 상자 아래에 놓이지는 않지만
              왼쪽에서는 특정 그림이나 개체 아래에 놓이게 할 때 사용합니다.
* {{-|right}}: 오른쪽만 클리어합니다.             
* {{-|both}}: 양쪽을 모두 클리어합니다. 매개변수 생략 시의 기본값입니다.
</pre>
 


<includeonly>
<includeonly>
[[분류:판형 틀|{{PAGENAME}}]]
[[분류:판형 틀]]
 
</includeonly>
[[ar:قالب:-]]
[[bs:Šablon:-]]
[[ca:Plantilla:-]]
[[cs:Šablona:-]]
[[da:Skabelon:-]]
[[en:Template:-]]
[[es:Plantilla:--]]
[[et:Mall:Puhasta]]
[[fr:Modèle:Clr]]
[[hr:Predložak:-]]
[[hu:Sablon:-]]
[[ia:Patrono:-]]
[[id:Templat:-]]
[[io:Shablono:-]]
[[is:Snið:-]]
[[ja:Template:-]]
[[ka:თარგი:-]]
[[lt:Šablonas:-]]
[[lv:Veidne:-]]
[[ms:Templat:-]]
[[nl:Sjabloon:Clearboth]]
[[no:Mal:-]]
[[oc:Modèl:Clr]]
[[pt:Predefinição:Clear]]
[[ro:Format:-]]
[[simple:Template:-]]
[[sl:Predloga:-]]
[[su:Citakan:-]]
[[sv:Mall:-]]
[[tr:Şablon:-]]
[[vi:Bản mẫu:-]]
[[zh:Template:-]]
[[ru:Template:clear]]
</includeonly></onlyinclude>

2023년 4월 18일 (화) 09:46 기준 최신판

위키백과:CSS의 떠다니는 요소(floating element)의 흐름을 초기화하는 틀입니다. 가상의 수평선을 삽입한다고 할 수 있습니다.

예시

그림에 대한 코드가 다음과 같이 왼쪽에 놓이도록 설정되어 있을 때 그림에 대한 설명은 그림의 오른쪽에 놓이게 됩니다.

[[파일:Swan with nine cygnets 3.jpg|thumb|left|350px|어미 고니와 아홉 마리의 새끼 고니]]
어미 고니와 아홉 마리의 새끼 고니에 대한 설명....
어미 고니와 아홉 마리의 새끼 고니

어미 고니와 아홉 마리의 새끼 고니에 대한 설명....

여기에 {{-}}를 추가하여 코드를 다음과 같이 바꾸면 설명이 그림 아래에 놓이게 됩니다.

[[파일:Swan with nine cygnets 3.jpg|thumb|left|350px|어미 고니와 아홉 마리의 새끼 고니]]
{{-}}
어미 고니와 아홉 마리의 새끼 고니에 대한 설명....
어미 고니와 아홉 마리의 새끼 고니

어미 고니와 아홉 마리의 새끼 고니에 대한 설명....