หน้าแรก
หน้าแรก
คุณสมบัติ font-weight ให้ฟังก์ชันการทำงานเพื่อระบุว่าฟอนต์ตัวหนาแค่ไหน ค่าที่เป็นไปได้อาจเป็นค่าปกติ ตัวหนา ตัวหนากว่า น้ำหนักเบากว่า 100, 200, 300, 400, 500, 600, 700, 800, 900 <html> <head> </head> <body> <p sty
คุณสมบัติขนาดฟอนต์ถูกใช้เพื่อเพิ่มหรือลดขนาดของฟอนต์ คุณสมบัติขนาดฟอนต์ใช้เพื่อควบคุมขนาดของฟอนต์ ค่าที่เป็นไปได้อาจเป็น xx-small, x-small, เล็ก, กลาง, ใหญ่, x-large, xx-large, เล็กกว่า, ใหญ่กว่า, ขนาดเป็นพิกเซลหรือเป็น % <html> <head> </head>
คุณสมบัติฟอนต์ใช้เป็นชวเลขเพื่อระบุคุณสมบัติของฟอนต์อื่นๆ เช่น ตระกูลฟอนต์ ขนาด สไตล์ ฯลฯ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีทำงานกับคุณสมบัติฟอนต์: <html> <head> </head> <body> <p style =
คุณสมบัติ font-weight ถูกใช้เพื่อเพิ่มหรือลดการปรากฏของฟอนต์ตัวหนาหรือสีอ่อน คุณสมบัติ font-weight จัดเตรียมฟังก์ชันการทำงานเพื่อระบุว่าฟอนต์เป็นตัวหนา ค่าที่เป็นไปได้อาจเป็นค่าปกติ ตัวหนา ตัวหนากว่า น้ำหนักเบากว่า 100, 200, 300, 400, 500, 600, 700, 800, 900 <html> <head> &n
The ขนาดแบบอักษร คุณสมบัติใช้เพื่อเพิ่มหรือลดขนาดแบบอักษร คุณสมบัติขนาดฟอนต์ใช้เพื่อควบคุมขนาดของฟอนต์ ค่าที่เป็นไปได้อาจเป็น xx-small, x-small, เล็ก, กลาง, ใหญ่, x-large, xx-large, เล็กกว่า, ใหญ่กว่า, ขนาดเป็นพิกเซลหรือเป็น % <html> <head> </head>
คุณสมบัติแบบอักษรใช้เป็นชวเลขเพื่อระบุจำนวนของคุณสมบัติแบบอักษรอื่นๆ เช่น ตระกูลแบบอักษร ขนาด รูปแบบ ฯลฯ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีทำงานกับคุณสมบัติฟอนต์: <html> <head> </head> <body>
คุณสมบัติ font-family ใช้เพื่อเปลี่ยนหน้าตาของฟอนต์ ค่าที่เป็นไปได้อาจเป็นชื่อตระกูลแบบอักษรใดก็ได้ <html> <head> </head> <body> <p style = "font-family:georgia,garamond,serif;">
คุณสามารถใช้คุณสมบัติพื้นหลังเพื่อตั้งค่าคุณสมบัติพื้นหลังทั้งหมดพร้อมกันได้ เช่น ตำแหน่งรูปภาพพื้นหลัง ทำซ้ำ ฯลฯ: ตัวอย่าง <html> <head> </head> <body> <p style = "background:url(/images/pattern1.gif) repeat
พื้นหลัง-ซ้ำ คุณสมบัติใช้เพื่อควบคุมการทำซ้ำของรูปภาพในพื้นหลัง คุณสามารถใช้ค่า no-repeat สำหรับคุณสมบัติ background-repeat หากคุณไม่ต้องการให้รูปภาพซ้ำ ในกรณีนี้ รูปภาพจะแสดงเพียงครั้งเดียว: ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีการทำงานกับ background-repeat คุณสมบัติ: <htm
สีพื้นหลัง คุณสมบัติใช้เพื่อกำหนดสีพื้นหลังขององค์ประกอบ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีการทำงานกับ background-color คุณสมบัติ: ข้อความนี้มีพื้นหลังสีน้ำเงิน
หากต้องการกำหนดตำแหน่งภาพพื้นหลัง ให้ใช้ตำแหน่งพื้นหลัง คุณสมบัติ. คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีการทำงานกับ background-position คุณสมบัติ: ตัวอย่าง โดยกำหนดตำแหน่งภาพพื้นหลังให้ห่างจากด้านซ้าย 80 พิกเซล: <html> <head> <style> &
ในการตั้งค่าการแนบพื้นหลัง ให้ใช้คุณสมบัติการแนบพื้นหลัง ไฟล์แนบพื้นหลังกำหนดว่าภาพพื้นหลังได้รับการแก้ไขหรือเลื่อนพร้อมกับส่วนที่เหลือของหน้า ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีทำงานกับคุณสมบัติ background-attachment เพื่อตั้งค่าภาพพื้นหลังคงที่: <!DOCTYPE html> <htm
ผู้ติดพื้นหลัง t คุณสมบัติใช้เพื่อควบคุมการเลื่อนของรูปภาพในพื้นหลัง ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีการทำงานกับ background-attachmen t คุณสมบัติ: <!DOCTYPE html> <html> <head> <style> &n
พื้นหลัง คุณสมบัติ ใช้เป็นชวเลขเพื่อระบุจำนวนคุณสมบัติพื้นหลังอื่น ๆ เช่นรูปภาพ ตำแหน่ง ทำซ้ำ ฯลฯ <html> <head> </head> <body> <p style = "background:url(/images/pattern1.gif) repeat fixed;"> &
หากต้องการเปลี่ยนแบบอักษร ให้ใช้ font-family ทรัพย์สิน ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีการทำงานกับ font-family คุณสมบัติ: <html> <head> </head> <body> <p style = "font-family:georgi
ในการสร้างฟอนต์ตัวเอียง ให้ใช้คุณสมบัติฟอนต์ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีทำงานกับคุณสมบัติแบบอักษร: ตัวอย่าง <html> <head> </head> <body> <p style = "font-style:italic;"> &
ในการสร้างเอฟเฟกต์ตัวพิมพ์เล็ก ให้ใช้ font-variant ทรัพย์สิน ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีทำงานกับคุณสมบัติ font-variant ใน CSS: <html> <head> </head> <body> <p style = "font-va
ในการตั้งค่าขนาดแบบอักษรด้วย CSS Measurement Unit vmin ให้ลองเรียกใช้โค้ดต่อไปนี้: <html> <head> </head> <body> <div style = "position:relative;left:90px;top:3px;background-color:yellow;font-size: 4vmin;"
pica มีค่าเท่ากับ 12 คะแนน; จึงมี 6 picas ต่อนิ้ว คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อกำหนดขนาดแบบอักษรโดยใช้ pica (pc): ตัวอย่าง <html> <head> </head> <body> <div style = "position:relative;left:10px;top:3p
ในการตั้งค่าสีพื้นหลังขององค์ประกอบ ให้ใช้ background-color ทรัพย์สิน ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีการทำงานกับ background-color คุณสมบัติ: ข้อความนี้มีพื้นหลังสีน้ำเงิน