หน้าแรก
หน้าแรก
ด้านคำอธิบายภาพ คุณสมบัติช่วยให้คุณระบุตำแหน่งที่เนื้อหาของ องค์ประกอบควรอยู่ในความสัมพันธ์กับตาราง ตัวอย่าง คุณสมบัตินี้สามารถมีค่าหนึ่งในสี่ค่าบน ล่าง ซ้ายหรือขวา . มาดูตัวอย่างการใช้งาน caption-side คุณสมบัติ: <html> <head> <style> &nbs
คุณสมบัติเซลล์ว่างระบุว่าควรแสดงเส้นขอบหรือไม่หากเซลล์ว่างเปล่า เป็นการระบุว่าเซลล์ที่ไม่มีเนื้อหาควรมีเส้นขอบปรากฏขึ้นหรือไม่ ตัวอย่าง คุณสมบัตินี้สามารถมีค่าหนึ่งในสามค่า แสดง ซ่อน หรือสืบทอด <html> <head> <style> &nb
ระยะขอบ ระบุความกว้างระหว่างเซลล์ตาราง สามารถรับค่าได้หนึ่งหรือสองค่า ควรเป็นหน่วยของความยาว ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อกำหนดความกว้างของเซลล์ตาราง: <html> <head> <style> table.one { &nbs
CSS ด้านคำอธิบายภาพ คุณสมบัติใช้เพื่อควบคุมตำแหน่งของคำอธิบายตาราง ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งานด้านคำอธิบายภาพ คุณสมบัติ: <html> <head> <style> caption.top { &nb
เค้าโครงตาราง คุณสมบัติคือการช่วยให้คุณควบคุมวิธีที่เบราว์เซอร์ควรแสดงหรือจัดวางตาราง คุณสมบัตินี้สามารถมีค่าใดค่าหนึ่งจากสามค่า:คงที่ อัตโนมัติ หรือรับค่า ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน CSS table-layout ทรัพย์สิน <html> <head> <
ขอบบน -สไตล์ คุณสมบัติเปลี่ยนรูปแบบของเส้นขอบบน ตัวอย่าง คุณสามารถลองเรียกใช้คุณสมบัติต่อไปนี้เพื่อเปลี่ยนรูปแบบของเส้นขอบด้านบน: <html> <head> </head> <body> <p style = "border-width:2px; border-top-style:s
border-color คุณสมบัติระบุสีของเส้นขอบ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน border-color คุณสมบัติ: ตัวอย่าง <html> <head> <style> p.demo { border:2px dashed; &nbs
ความกว้าง คุณสมบัติใช้เพื่อกำหนดความกว้างของรูปภาพ คุณสมบัตินี้สามารถมีค่าเป็นความยาวหรือเป็น% ในขณะที่ให้ค่าเป็น % จะนำไปใช้กับกล่องที่มีรูปภาพ ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อกำหนดความกว้างของรูปภาพ: <html> <head> </head> <
ความสูง คุณสมบัติใช้เพื่อกำหนดความสูงของรูปภาพ คุณสมบัตินี้สามารถมีค่าเป็นความยาวหรือเป็น% ในขณะที่ให้ค่าเป็น % จะนำไปใช้กับกล่องที่มีรูปภาพ ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อกำหนดความสูงของรูปภาพ: <html> <head> </head> <body&
ในการตั้งค่าความทึบของรูปภาพ ให้ใช้ CSS -moz-opacity คุณสมบัติ. คุณสมบัตินี้ใช้เพื่อสร้างภาพที่โปร่งใสใน Mozilla IE ใช้ filter:alpha(opacity=x) เพื่อสร้างภาพที่โปร่งใส ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อจัดรูปแบบรูปภาพและตั้งค่าความทึบด้วย CSS: <html> <head> &nbs
คุณสมบัติ -moz-opacity ของรูปภาพใช้เพื่อตั้งค่าความทึบของรูปภาพ คุณสมบัตินี้ใช้เพื่อสร้างภาพที่โปร่งใสใน Mozilla IE ใช้ filter:alpha(opacity=x) เพื่อสร้างภาพที่โปร่งใส ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อจัดรูปแบบรูปภาพและตั้งค่าความทึบด้วย CSS <html> <head>
ในการตั้งค่าสีลิงก์ด้วย CSS คุณสามารถลองเรียกใช้โค้ดต่อไปนี้: ตัวอย่าง <html> <head> <style> a:link { color:#000000 }
The padding-right ระบุช่องว่างภายในด้านขวาขององค์ประกอบ มันกำหนดช่องว่างภายในที่ถูกต้องขององค์ประกอบ ค่านี้สามารถมีค่าเป็น % ได้ <html> <head> </head> <body> <p style = "padding-right: 10px; border:1px solid
ช่องว่างภายใน คุณสมบัติกำหนดช่องว่างด้านซ้าย ขวา บนและล่างขององค์ประกอบ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้งาน padding คุณสมบัติ. <html> <head> </head> <body> <p style = "padding: 25px; border
หากต้องการกำหนดสีของลิงก์ที่เข้าชม ให้ใช้ : เข้าชมแล้ว คุณสมบัติใน CSS คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อตั้งค่าลิงค์สีที่เข้าชม <html> <head> <style> a:visited { color:
หากต้องการเปลี่ยนสีของลิงก์เมื่อเรานำตัวชี้เมาส์ไปวางเหนือลิงก์นั้น ให้ใช้:hover ทรัพย์สิน ตัวอย่าง คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อเปลี่ยนสีลิงก์: <html> <head> <style> a:hover {
หากต้องการสร้างภาพที่โปร่งใส ให้ใช้ CSS -moz-opacity คุณสมบัติ. คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อจัดรูปแบบรูปภาพและตั้งค่าความทึบด้วย CSS: ตัวอย่าง <html> <head> </head> <body> <img style = "moz-opacity:0
คุณสมบัติการเว้นวรรคตัวอักษรใช้สำหรับเพิ่มหรือลบช่องว่างระหว่างตัวอักษรที่ประกอบเป็นคำ ค่าที่เป็นไปได้คือค่าปกติหรือตัวเลขที่ระบุช่องว่าง <html> <head> </head> <body> <p style = "letter-spacing:7px;">
ในการตกแต่งข้อความใน CSS ให้ใช้คุณสมบัติ text-decoration ตัวอย่างต่อไปนี้สาธิตวิธีการตกแต่งข้อความ ค่าที่เป็นไปได้คือ none, underline, overline, line-through, blink. <html> <head> </head> <body> <p style = "t
ใช้คุณสมบัติ text-shadow เพื่อกำหนดเงารอบข้อความ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อเรียนรู้วิธีกำหนดเงารอบๆ ข้อความใน CSS: ตัวอย่าง <html> <head> </head> <body> <p style = "text-shadow:3px 1px 4px green;&q