সাঁচ:Transform-rotate/doc: বিভিন্ন সংশোধনসমূহৰ মাজৰ পাৰ্থক্য
Content deleted Content added
"{{Documentation subpage}} <!-- Categories and interwikis go at the bottom of this page. --> A shorthanded Cascading style sheet|..." দি পৃষ্ঠা সৃষ্টি কৰা হ'ল |
অ <source> -> <syntaxhighlight> |
||
২০ নং শাৰী:
*'''Some rotated characters:'''
|-
|<
|<span style="{{Transform-rotate|90}}">A</span> <span style="{{Transform-rotate|180}}">B</span> <span style="{{Transform-rotate|270}}">C</span> <span style="{{Transform-rotate|360}}">D</span>
|-
২৬ নং শাৰী:
*'''Some rotated special characters ''(useful when the font-family has no italic or oblique font)'':'''
|-
|<
|<span style="font-size: 1.4em; {{Transform-rotate|0}}">∫</span> <span style="font-size: 1.4em; {{Transform-rotate|20}}">∫</span> <span style="font-size: 1.4em; {{Transform-rotate|40}}">∫</span> <span style="font-size: 1.4em; {{Transform-rotate|60}}">∫</span>
|-
৩২ নং শাৰী:
*'''Works with numbers, too'''
|-
|<
|<span style="{{Transform-rotate|0}}">0</span> <span style="{{Transform-rotate|10}}">1</span> <span style="{{Transform-rotate|20}}">2</span> <span style="{{Transform-rotate|30}}">3</span> <span style="{{Transform-rotate|40}}">4</span> <span style="{{Transform-rotate|50}}">5</span> <span style="{{Transform-rotate|60}}">6</span> <span style="{{Transform-rotate|70}}">7</span> <span style="{{Transform-rotate|80}}">8</span> <span style="{{Transform-rotate|90}}">9</span>
|-
৩৮ নং শাৰী:
*'''Or with arbitrary text'''
|-
|<
|<span style="{{Transform-rotate|-90}}">This text<br />is vertically<br />aligned.</span><br /> <br /><span style="{{Transform-rotate|-180}}">This text is upside down.</span>
|-
৪৪ নং শাৰী:
*'''This is a placeholder image, It is rotated 90 degrees clockwise.'''
|-style="vertical-align:top;"
|<
|<div style="position:relative; top:0px; left:0px; {{Transform-rotate|90|display=block}}">[[file:Image PlaceHolder.png|200px]]</div>
|-
৫০ নং শাৰী:
*'''This is a red horizontal line drawn across the text at the angle of 30 degree anticlockwise.'''
|-style="vertical-align:top;"
|<
|<div style="border:3px solid red; width:150px; position:relative; top:50px; opacity:0.5; {{Transform-rotate|-30|display=block}}"></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|}
৫৯ নং শাৰী:
!Syntax!!Result
|-
| <
| <span style="{{Transform-rotate|90}}">The text will be rotated, but not the space the text need to display. So the cell is not tall enough, but much much too wide.</span>
|-
| |||