วันนี้จะขอพูดถึงการกำหนดค่า property ของ ตัวอักษร ใน css โดยค่า property ของ ตัวอักษรใน css ที่น่าสนใจคือ Text Color, Text Alignment , Text Decoration, Text Transformation, Text Indentation
Text Color : ใช้กำหนดสีของตัวอักษร
Text Color เป็น css ที่ใช่ในการกำหนดสีให้ตัวอักษร ซึ่งสามารถกำหนดได้ 3 แบบ
– ใช้ชื่อของสี เช่น “black”
– ใช้ค่าสีของ RGB เช่น “rgb(255,255,255)”
– ใช้ค่าของรหัสสั Hex เช่น “#0000000″
เช่น
h1 {color:#000000;}
h2 {color:rgb(255,255,255);}
Text Alignment : การจัดตำแหน่งของตัวอักษร
Text Alignment เป็น css ที่ใช้ในการจัดตำแหน่งของตัวอักษร ทั้ง left (ซ้าย) , right (ขวา), center (ตรงกลาง), justify (จัดให้เสมอเท่ากันในทุกบรรทัด)
เช่น
Text Decoration : ตกแต่งตัวอักษร
Text Decoration เป็น css ที่ใช้ในการตกแต่งตัวอักษร ส่วนใหญ่จะใช้ร่วมกับ Tag a โดยจะมี blink (ตัวอักษรจะกระพริบ), line-through (มีเส้นลากผ่านตรงกลางของตัวอักษร), overline (มีเส้นลากผ่านด้านบนตัวอักษร), underline (มีเส้นลากผ่านด้านล่างตัวอักษร), none ( ไม่แสดงผล)
เช่น
h4 {text-decoration:blink;}
Text Transformation : แปลงตัวพิมพ์เล็ก – ใหญ่ของตัวอักษร
Text Transformation เป็น css ที่ใช้ในการแปลงตัวพิมพ์เล็ก – ใหญ่ของตัวอักษร ไม่ว่าในข้อความจะเขียนอักษรตัวพิมพ์เล็ก – ใหญ่ โดย uppercase (แปลงตัวอัษรทั้งหมดเป็นตัวพิมพ์ใหญ่), lowercase (แปลงตัวอัษรทั้งหมดเป็นตัวพิมพ์เล็ก), capitalize (แปลงตัวอัษรเฉพาะตัวหน้าของคำเป็นตัวพิมพ์ใหญ่)
เช่น
ตัวอย่างของ text-transform ===> This is text example
uppercase ===> THIS IS TEXT EXAMPLE
lowercase ===> this is text example
capitalize ===> This Is Text Example
Text Indentation : ใช้กำหนดระยะย่อหน้าหรือความห่างของตัวอักษรในบรรทัดแรก
Text Indentation เป็น css ที่ใช้กำหนดระยะย่อหน้าหรือความห่างของตัวอักษรในบรรทัดแรกกับจุดเริ่มต้นของข้อความ หรือ อาจพูดง่ายๆๆ ก็คือระยะความห่างของย่อหน้านั้นเองครับ
เช่น
Twitter
RSS
ความรู้ใหม่ advanced ได้ใจจริงๆ
ตัวอย่างของ text-transform ===> This is text example
uppercase ===> THIS IS TEXT EXAMPLE
lowercase ===> this is text example
capitalize ===> This Is Text Example
ตัวอย่าง code