ទំព័រគំរូនេះបង្កើតបញ្ជីជាផ្តេក។ ធាតុនីមួយៗនៅក្នុងបញ្ជីអាចត្រូវបានកំណត់រចនាប័ទ្មជាមួយ CSS ។
និង គឺដូចគ្នាបេះបិទ ហើយខុសគ្នាតែក្នុង
វិគី-សម្គាល់ ដែលប្រើដើម្បីបង្កើតបញ្ជីប៉ុណ្ណោះ។
ការប្រើប្រាស់
ការប្រើប្រាស់ជាមូលដ្ឋាន
{{hlist|ធាតុទី 1 |ធាតុទី 2 |ធាតុទី 3 |...}}
ប៉ារ៉ាម៉ែត្រទាំងអស់
{{hlist
|ធាតុទី 1 |ធាតុទី 2 |ធាតុទី 3 |...
|class = class for div tag
|style = style for div tag
|list_style = style for ul tag
|item_style = style for all li tags
|item1_style = style for first li tag
|item2_style = style for second li tag
|...
|indent = the number of tabs to indent
}}
ឧទាហរណ៍
{{hlist|តារាច្រៀង|តារាសម្ដែង|តារាម៉ូដែល|តារារ៉េប}}
លទ្ធផលចេញមក:
តារាចម្រៀង តារាសម្តែង តារាម៉ូដែល តារារ៉េប
ប៉ារ៉ាម៉ែត្រ
ទីតាំងប៉ារ៉ាម៉ែត្រ (1
, 2
, 3
...): ទាំងនេះគឺជាធាតុបញ្ជី។ ប្រសិនបើគ្មានធាតុក្នុងបញ្ជីទេ ម៉ូឌុលនឹងមិនបញ្ចេញអ្វីឡើយ។
class
: a custom class for the <div>...</div>
tags surrounding the list. Set to inline
when using {{hlist}} inside text.
style
: a custom CSS style for the <div>...</div>
tags surrounding the list, e.g. font-size: 90%;
.
list_style
: a custom CSS style for the <ul>...</ul>
tags around the list. The format is the same as for the |style=
parameter.
item_style
: a custom CSS style for all of the list items (the <li>...</li>
tags). The format is the same as for the |style=
parameter.
item1_style
, item2_style
, item3_style
...: custom CSS styles for each of the list items. The format is the same as for the |style=
parameter.
indent
: the number of tabs to indent the list. Default value is 0.
Examples
Markup
Renders as
{{hlist|entry1|entry2|entry3|entry4|entry5|entry6|entry7|entry8|entry9}}
entry1 entry2 entry3 entry4 entry5 entry6 entry7 entry8 entry9
Giant planets ({{hlist|[[Jupiter|J]]|[[Saturn|S]]|[[Uranus|U]]|[[Neptune|N]]}}).
Giant planets ({{hlist|class=inline|[[Jupiter|J]]|[[Saturn|S]]|[[Uranus|U]]|[[Neptune|N]]}}).
{{hlist|Winner|Runner-up|Third place|indent=2}}
Winner Runner-up Third place
{{hlist|Winner|Runner-up|Third place|item_style=color:blue;}}
Winner Runner-up Third place
{{hlist|Winner|Runner-up|Third place|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
Winner Runner-up Third place
Avoiding Linter errors
{{hlist}} will produce Linter errors if placed inside a template that uses <span>...</span>
tags, such as {{small }}, {{larger }}, etc. To avoid this, use the substitutions from the table below:
! style="background:#ff9090; color:black; vertical-align: middle; text-align: center; " class="table-no" | N Incorrect markup !! style="background: #90ff90; color: black; vertical-align: middle; text-align: center; " class="table-yes"| Y Correct markup
|-
| {{small|{{hlist|...}}}}
|| {{hlist|...|style=font-size:85%}}
|-
| {{resize|{{hlist|...}}}}
|| {{hlist|...|style=font-size:90%}}
|-
| {{midsize|{{hlist|...}}}}
|| {{hlist|...|style=font-size:92%}}
|-
| {{larger|{{hlist|...}}}}
|| {{hlist|...|style=font-size:120%}}
|-
| {{big|{{hlist|...}}}}
|| {{hlist|...|style=font-size:120%}}
|-
| {{large|{{hlist|...}}}}
|| {{hlist|...|style=font-size:120%}}
|-
| {{huge|{{hlist|...}}}}
|| {{hlist|...|style=font-size:180%}}
|-
| {{resize|x%|{{hlist|...}}}}
|| {{hlist|...|style=font-size:x%}}
|-
| {{font|size=x%|{{hlist|...}}}}
|| {{hlist|...|style=font-size:x%}}
|-
| {{nowrap|{{hlist|...}}}}
|| {{hlist|...|style=white-space: nowrap}}
|}