แม่แบบ:MirrorH
รหัสแคสเคดดิงสไตล์ชีตส์แบบย่อภายในแอตทริบิวต์สไตล์ สำหรับการสะท้อนในแนวนอนของส่วนย่อย โดยใช้ภายในแอตทริบิวต์ style="" ขององค์ประกอบเอชทีเอ็มแอล เช่นเดียวกับคุณสมบัติซีเอสเอสอื่น ๆ
- การระบุค่าตัวแปรเสริม
display=จะอนุญาตให้เปลี่ยนคุณสมบัติการแสดงผลของซีเอสเอส โดยค่าเริ่มต้นคือdisplay: inline-block;
เมื่อใช้แม่แบบนี้เพื่อสร้างเอฟเฟกต์สะท้อน ผู้แก้ไขควรพิจารณาอย่างรอบคอบเกี่ยวกับการเข้าถึง
ตัวอย่าง
[แก้]การสะท้อนจะเกิดขึ้นที่ศูนย์กลางของวัตถุทั้งหมด และขนาดที่แสดงผลจะคงค่าเดิมของวัตถุไว้เช่นเดียวกับเมื่อไม่ได้สะท้อน ดังนั้นจึงสามารถปรับตำแหน่งและเพิ่มการเสริมเต็มเพื่อหลีกเลี่ยงการทับซ้อนที่ไม่ต้องการได้ โดยใช้ตัวแปรเสริม display= เพื่อควบคุมตำแหน่งเพิ่มเติม
| วากยสัมพันธ์ | ผลลัพธ์ |
|---|---|
*สะท้อนตัวอักษรบางตัว:<br /><span style="{{mirrorH}}">A</span> B <span style="{{mirrorH}}">C</span> D
*ทำงานกับตัวเลขได้ด้วย:<br /><span style="{{mirrorH}}">0</span> 1 <span style="{{mirrorH}}">2</span> 3 <span style="{{mirrorH}}">4</span> 5 <span style="{{mirrorH}}">6</span> 7 <span style="{{mirrorH}}">8</span> 9
*หรือด้วยข้อความที่ต้องการ:<br /><span style="{{mirrorH}}">ข้อความนี้<br />สะท้อน<br />ในแนวนอน</span><br /> <br />ข้อความนี้ไม่สะท้อน
|
|
ภาพตัวอย่าง:
<span style="{{mirrorH}}">[[ไฟล์:Placeholder.svg|90px]]</span>
เป็นภาพสะท้อน
|
ภาพตัวอย่าง:
เป็นภาพสะท้อน |
ดูเพิ่ม
[แก้]- {{Transform-rotate}}
- {{mirrorV}}