วิธีการปรับเปลี่ยนตัวอักษรให้เป็น พิมพ์ใหญ่ - พิมพ์เล็ก ทั้งมด

CSS Knowledge เป็น บอร์ดรวามความรู้ CCC เน้นบทความ แนวทางการเขียนโปรแกรม บันทึกกันลืม เพื่อให้สมาชิกได้เขียนความรู้ที่ตัวเองมีให้สมาชิกท่านอื่นๆ ได้ เข้ามาอ่าน และ ไว้อ่านเองกันลืมด้วย

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
Ittichai_chupol
PHP VIP Members
PHP VIP Members
Posts: 5410
Joined: 19/09/2018 10:33 am

วิธีการปรับเปลี่ยนตัวอักษรให้เป็น พิมพ์ใหญ่ - พิมพ์เล็ก ทั้งมด

Post by Ittichai_chupol »

ความสวยงามหน้าหน้าเว๋็บไซต์ ถือว่าเป็นส่วนหนึ่งที่ทำให้ผู้ที่เข้ามาใช้งานเกิดความประทับใจ และเพิ่มอัตราการอยากเข้ามาใช้งาน แต่ทั้งนี้ก็จะต้องมีความเหมาะสมต่อลักษณะการของเว็บไซต์ด้วยว่าเป็บเว็บไซต์ที่จะมีไว้สำหรัยบใครเป็นผู้ใช้งาน ซึงถึงว่าเป้นส่วนาสำคัญสำหรับผู้ที่พัฒนาเว็บไซต์ว่า จะพัฒนามาเพื่อใช้ทำอะไรบาง
โดยในบางครั่งนอกจากความสวยงามแล้ว ผู้ที่พัฒนา ก็อาจจะมีมีการแฝงลูกเล่นเล็กน้อยๆ เพื่อสะดวกต่อการใช้งาน หรือ เพื่อสร้างความประทับต่อผู้ใช้งาน ซึ่งการที่จะทำแบบนั้นได้ ผู้ที่พัฒนาเว็บไซต์ ก็ย่อมมีความเข้าใจต่อคุณสมบัติ และวิธีการใช้งานภาษาคอมพิวเตอร์ ที่จะใช้ในการพัฒนา

โดยทั้งนี้ใน css นั้นก็มีคำสั่งที่สามารถเปลี่ยนตัวอักษรให้เป็นพิมพ์ใหญ่ - พิมพ์เล็ก ทุกตักอัษรอยู่ด้วย โดยที่ไม่จำเป็นต้องใช้ javascript เข้ามาช่วย โดยคำสั่งดังกล่าว มีดังนี้

ผลการก่อนใช้งาน
CSS Knowledge-1.png
CSS Knowledge-1.png (11.87 KiB) Viewed 410 times

พิมพ์ใหญ่

Code: Select all

text-transform: uppercase;
ผลลัพธ์
CSS Knowledge-3.png
CSS Knowledge-3.png (54.26 KiB) Viewed 410 times
พิมพ์เล็ก

Code: Select all

text-transform: lowercase;
ผลลัพธ
CSS Knowledge-2.png
CSS Knowledge-2.png (55.33 KiB) Viewed 410 times

บทความที่เกี่ยวข้อง

CSS คำสั่ง background การกำหนดรายละเอียดของพื้นหลัง
หน่วยของค่าที่ใช้ต่างๆ ใน CSS
การใช้ box-shadow เพื่อสร้างเงาให้ กรอบกล่องข้อความ
ขอให้วันนี้เป็นวันที่ดี

Return to “CSS Knowledge”

Who is online

Users browsing this forum: No registered users and 3 guests