css-learning: css text

การกำหนดลักษณะเนื้อหาของเว็บไซต์ เป็นการจัดลักษณะการแสดงผลเนื้อหาเว็บไซต์ ไม่ว่าจะเป็นลักษณะสีตัวอักษร การตกแต่งจัดวางตำแหน่งข้อมูล เปลี่ยนแปลงรูปแบบ

สามารถกำหนดคุณสมบัติสีของ text ข้อมูลได้ดังนี้

การกำหนดสีของข้อมูล

body{color:blue;}
p{color:#FF0000;}

คุณสมบัติของ text aligment เป็นการจัดการแสดงผลข้อมูลตามแนวนอน คือ ชิดซ้าย ตรงกลาง และชิดขวา

การกำหนดแนวการแสดงผลข้อมูล

p{text-align:left;}
p{text-align:center;}
p{text-align:right;}

คุณสมบัติของ text decoration ใช้ตกแต่ง หรือลบการตกแต่งของ text ข้อมูล เช่นการลบ underline ของ links

การกำหนด text decoratoin ให้กับข้อมูล

a{text-decoration:none;}
h1{text-decoration:underline;}
h2{text-decoration:overline;}

คุณสมบัติของ text transformation เป็นการแปลงตัวอักษรภาษาอังกฤษเป็นตัวพิมพ์เล็ก ตัวพิมพ์ใหญ่ ซึ่งประกอบด้วย 3 สถานะดังนี้

การกำหนด text transformation ให้กับข้อมูล

p{text-transform:uppercase;}
p{text-transform:lowercase;}
p{text-transform:capitalize;}

เป็นการกำหนดการเยื้องของ text ข้อมูลในบรรทัดแรก

การกำหนดย่อหน้าให้กับ text ข้อมูล

p{text-indent:50px;}

ทำความรู้จักกับ css ก่อนเริ่มเขียน css syntax และส่วนประกอบของ css id และ class รูปแบบการเขียน css การกำหนดลักษณะของ html โดยใช้ css background การกำหนดลักษณะพื้นหลัง text การกำหนดลักษณะข้อมูล font การกำหนดลักษณะตัวอักษร link การกำหนดลักษณะลิงค์ list การกำหนดลักษณะลิสต์ table การกำหนดลักษณะตาราง css model แบบจำลองของ css องค์ประกอบของ css model border ขอบเขตของข้อมูล margin padding