| 代碼
|
效果
|
{{userbox-r}} |
|
{{userbox-r
| id = foo
| id-s = 20
| id-c = #ffffee
| info = ''foo bar''
| info-c = #ffeeff
| info-s = 12
| border-c = #aaffaa
| border-s = 2
}} |
|
| 以下展示高度超過45px的用戶框的默認外觀，比較一下上下兩個用戶框的差異。
|
{{userbox-r
| id = foo logo
| id-c = #ffffee
| info = ''We are trying to see
default distance in between text
lines, and, see the distance in
between cell content and its border
and also see total height.''
| info-c = #ffeeff
| border-c = #aaffaa
| border-s = 2
}} |
| We are trying to see default distance in between text lines, and, see the distance in between cell content and its border and also see total height. | foo logo |
|
| 以下展示怎樣能修改用戶框並進一步指定參數來降低用戶框的高度以達到推薦的45px，即使有四行文字。在四行文字之下，單元格邊距參數info-p也可以設置成1pt 1pt 1pt 2pt，或者1pt 2pt以達到更好的效果。
|
{{userbox-r
| id = foo logo
| id-s = 14
| id-c = #ffffee
| id-lh = 1.1em
| info = ''We have specified values
to lessen the distance in between
text lines & padding space in between
cell content and its border.''
| info-c = #ffeeff
| info-s = 8
| info-p = 1pt
| info-lh = 1.05em
| border-c = #aaffaa
| border-s = 1
}} |
| We have specified values to lessen the distance in between text lines & padding space in between cell content and its border. | foo logo |
|
| 以下針對高級用戶，展示怎樣指定其他CSS屬性，例如，font-family調整字體家族，text-align從默認參數調整對齊方式。如下所示，右邊是2個用戶框：上面一個是不帶font-family或text-align參數；下面一個是以填寫info-op參數來使用此類代碼顯示的。
|
{{userbox-r
| id = foo logo
| id-s = 14
| id-c = #ffe
| id-lh = 1.1em
| info = foo bar
| info-c = #fef
| info-s = 14
| info-op = font-family:'Courier New';
| border-c = #afa
| border-s = 2
}} |
|
