2.ชีทรูปแบบ

คำอธิบาย

1. มี 1 เพจ
2. เมื่อมีการเปลี่ยนค่าให้แสดงผลชีทรูปแบบที่ถูกต้อง

แสดงข้อความ ประเทศไทย

ขนาดตัวอักษร ? พิกเซล

เมื่อคลิกที่ปุ่มแสดงผล ให้ปรับข้อความ ประเทศไทยมีขนาดอักษรตามที่กำหนด

1. <form>
2. <div id="c">ประเทศไทย</div>
3. ขนาดอักษร
4. <input type="number" id="fsize">
5. พิกเซล <br>
6. การขีดเส้น
7. <select id="text-decoration" >
8. <option value="none">ไม่มี</option>
9. <option value="overline">ขีดเส้นเหนือข้อความ</option>
10. <option value="line-through">ขีดเส้นทับข้อความ</option>
11. <option value="underline">ขีดเส้นใต้ข้อความ</option>
12. </select>
13. <br>
14. <input type="button" onclick="cstyle()" value="แสดง">
15. </form>
16. <script>
17. function cstyle() {
18. var s = document.getElementById("fsize").value;
19. var a = document.getElementById("c");
20. a.style.fontSize = s+"px";
22. var t = document.getElementById("text-decoration").value;
23. a.style.textDecoration = t;
24. }
25. </script>

sequent.2

W3C-chB-CSS_JavaScripts.pdf