CSS text property : สอน property ของ text property, เรียน property ของ text property
 

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • direction ใช้กำหนดตำแหน่งของข้อความให้ ชิดขวา หรือ ชิดซ้าย
    text-align ใช้กำหนดตำแหน่งของข้อความ
    text-indent ใช้กำหนดย่อหน้าให้กับข้อความ
    letter-spacing ใช้กำหนดระยะห่างระหว่างตัวอักษร
    word-spacing ใช้กำหนดระยะห่างระหว่างข้อความ ( คำ )
    line-height ใช้กำหนดระยะห่างระหว่างบรรทัด
    color ใช้กำหนดสีให้กับข้อความ
    text-decoration ใช้สำหรับตกแต่งข้อความ
    text-transform ใช้เปลี่ยนแปลงรูปแบบข้อความให้เป็น พิมพ์เล็ก หรือ พิมพ์ใหญ่
    vertical-align ใช้กำหนดลักษณะของข้อความ เมื่อเทียบในแนวตั้ง
    word-wrap ใช้กำหนดวิธีการตัดคำขึ้นบรรทัดใหม่
    white-space ใช้กำหนดวิธีการจัดการช่องว่าง และการขึ้นบรรทัดใหม่ของข้อความ
  • property :
    direction

    value :
    rtl, ltr

    content :
    ใช้กำหนดตำแหน่งของข้อความให้ ชิดขวา หรือ ชิดซ้าย

    example :
    { direction: ltr; }

  • property :
    text-align

    value :
    left, right, center, justify ( เต็มพื้นที่ )

    content :
    ใช้กำหนดตำแหน่งของข้อความ

    example :
    { text-align: left; }

  • property :
    text-indent

    value :
    cm, px, pt

    content :
    ใช้กำหนดย่อหน้าให้กับข้อความ

    example :
    { text-indent: 1cm; }

  • property :
    letter-spacing

    value :
    normal, cm, px, pt

    content :
    ใช้กำหนดระยะห่างระหว่างตัวอักษร

    example :
    { letter-spacing: 10pt; }

  • property :
    word-spacing

    value :
    normal, cm, px, pt

    content :
    ใช้กำหนดระยะห่างระหว่างข้อความ ( คำ )

    example :
    { word-spacing: 10pt; }

  • property :
    line-height

    value :
    normal, cm, px, pt

    content :
    ใช้กำหนดระยะห่างระหว่างบรรทัด

    example :
    { line-height: 15px; }

  • property :
    color

    value :
    ชื่อสี, #ค่าสี, rgb( ตัวเลข, ตัวเลข, ตัวเลข )

    content :
    ใช้กำหนดสีให้กับข้อความ

    example :
    { color: rgb( 255, 0, 125 ); }

  • property :
    text-decoration

    value :
    none, underline, overline, line-througn, blink

    content :
    ใช้สำหรับตกแต่งข้อความ

    example :
    { text-decoration: underline; }

  • property :
    text-transform

    value :
    none, capitalize, uppercase, lowercase

    content :
    ใช้เปลี่ยนแปลงรูปแบบข้อความให้เป็น พิมพ์เล็ก หรือ พิมพ์ใหญ่

    example :
    { text-transform: capitalize; }

  • property :
    vertical-align

    value :
    baseline, sub, super, top, text-top, middle, bottom, text-bottom

    content :
    ใช้กำหนดลักษณะของข้อความ เมื่อเทียบในแนวตั้ง

    example :
    { vertical-align: top; }

  • property :
    word-wrap

    value :
    normal, break-word

    content :
    ใช้กำหนดวิธีการตัดคำขึ้นบรรทัดใหม่

    example :
    { word-wrap: break-word; }

  • property :
    white-space

    value :
    normal, pre, nowrap

    content :
    ใช้กำหนดวิธีการจัดการช่องว่าง และการขึ้นบรรทัดใหม่ของข้อความ

    example :
    { white-space: pre; }

 
Share This Chapter Login with Facebook