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

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • font-style ใช้กำหนดรูปแบบของตัวอักษร
    font-variant ใช้กำหนดตัวอักษรให้เป็นแบบ small-caps
    font-weight ใช้กำหนดขนาดความหนาของตัวอักษร
    font-size ใช้กำหนดขนาดของตัวอักษร
    font-family ใช้กำหนดชนิดของตัวอักษร
    font ใช้กำหนดค่าต่างๆของ property font
  • property :
    font-style

    value :
    normal, italic, oblique

    content :
    ใช้กำหนดรูปแบบของตัวอักษร

    example :
    { font-style: italic; }

  • property :
    font-variant

    value :
    normal, small-caps

    content :
    ใช้กำหนดตัวอักษรให้เป็นแบบ small-caps

    example :
    { font-variant: smapp-caps; }

  • property :
    font-weight

    value :
    normal, bold, bolder, lighter, ตัวเลข

    content :
    ใช้กำหนดขนาดความหนาของตัวอักษร

    example :
    { font-weight: bolder; }

  • property :
    font-size

    value :
    xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger, ค่าเปอร์เซ็นต์, ค่า pt, ค่า px

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

    example :
    { font-size: 12px; }

  • property :
    font-family

    value :
    ชนิดของตัวอักษรต่างๆ

    content :
    ใช้กำหนดชนิดของตัวอักษร ( สามารถกำหนดได้มากกว่า 1 ชนิด 
    เพื่อป้องกันในกรณีที่ผู้ใช้ไม่มีตัวอักษรที่กำหนดไว้ )

    example :
    { font-family: arial, courier; }

  • property :
    font

    content :
    ใช้กำหนดค่าของ property font-style, font-variant, font-weight, font-size, font-family
    ได้พร้อมกันตามลำดับ

    example :
    { font: italic small-caps bolder 15px arial; }

 
Share This Chapter Login with Facebook