คุณสมบัติแบบอักษร CSS ใช้เพื่อระบุรูปแบบปกติ ตัวเอียง หรือเฉียงสำหรับข้อความขององค์ประกอบ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติรูปแบบตัวอักษร CSS มีดังต่อไปนี้ - Selector { font-style: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงคุณสมบัติแบบอักษร CSS - <!DOCTYPE html> <html>
CSS ช่วยให้เราสามารถกำหนดสีลิงก์ได้ คุณสมบัติสีใช้เพื่อกำหนดสีของข้อความในองค์ประกอบ ลำดับของตัวเลือกหลอกกำหนดโดย:- :link, :visited, :hover, :active. ไวยากรณ์ ไวยากรณ์ของคุณสมบัติสี CSS มีดังต่อไปนี้ - Selector { color: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงคุณสมบัติสี CSS - <!
โครงร่างไม่ใช้พื้นที่และจะแสดงรอบๆ เส้นขอบหากตั้งค่าไว้ ใช้สำหรับเน้นองค์ประกอบและเราไม่สามารถระบุได้ว่าแต่ละด้านควรมีโครงร่างหรือไม่ เช่นเดียวกับเส้นขอบ โครงร่างจะไม่แสดงตามค่าเริ่มต้น ในบางเบราว์เซอร์ อย่างเช่น Firefox องค์ประกอบที่เน้นจะแสดงเป็นเส้นบางๆ เส้นขอบสามารถปรับแต่งได้มากขึ้น เราจัดแต่ง
สไตล์และตำแหน่งของรายการที่ไม่เรียงลำดับและเรียงลำดับสามารถจัดรูปแบบตามคุณสมบัติ CSS ได้ด้วย list-style-type, list-style-image และ list-style-position ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS list-style มีดังนี้ - Selector { list-style: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงคุณส
HTML มีรายการอยู่สามประเภท − รายการไม่เรียงลำดับ รายการนี้มีรายการหัวข้อย่อยที่ไม่มีลำดับเฉพาะ รายการสั่งซื้อ รายการนี้ใช้สำหรับรายการสั่งซื้อ รายการคำจำกัดความ รายการนี้ใช้เพื่อแสดงคำจำกัดความของคำศัพท์ เราสามารถซ้อนรายการเหล่านี้และจัดรูปแบบได้ตามต้องการ สไตล์รายการคุณสมบัติ CSS ช่วยให
เราสามารถกำหนดรูปแบบสำหรับตารางโดยใช้ CSS คุณสมบัติต่อไปนี้มักใช้เพื่อจัดรูปแบบ และองค์ประกอบต่างๆ - ชายแดน คุณสมบัติ CSS border ใช้เพื่อกำหนด border-width, border-style และ border-color ยุบขอบ คุณสมบัตินี้ใช้เพื่อระบุว่าองค์ประกอบ ควรมีขอบที่ใช้ร่วมกันหรือแยกจากกัน คำบรรยายภาพ คุณสมบัติด้าน
สำหรับขนาดข้อความที่ปรับขนาดได้ ขนาดฟอนต์จะแสดงเป็น em ลาก่อน หนึ่ง em เท่ากับ 16px หรือ 12pt ค่าจะสัมพันธ์กับขนาดตัวอักษรขององค์ประกอบหลัก ไวยากรณ์ ไวยากรณ์ของคุณสมบัติขนาดแบบอักษร CSS มีดังต่อไปนี้ - Selector { font-size: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นว่าคุณสมบัติข
เราสามารถใช้เปอร์เซ็นต์และ em ร่วมกันเพื่อระบุขนาดฟอนต์ขององค์ประกอบเพื่อให้เข้ากันได้ดีกับฟอนต์ ซึ่งช่วยให้เรามีข้อความที่เหมือนกันในเบราว์เซอร์ต่างๆ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติขนาดแบบอักษร CSS มีดังต่อไปนี้ - Selector { font-size: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นว่
คุณสมบัติ CSS font-weight ใช้เพื่อกำหนดตัวหนาของอักขระข้อความขององค์ประกอบ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS font-weight มีดังนี้ - Selector { font-weight: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงคุณสมบัติ font-weight - <!DOCTYPE html> <html> <head> <style> di
คุณสมบัติ CSS background-repeat ใช้เพื่อกำหนดลักษณะการทำซ้ำของภาพพื้นหลัง ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS background-repeat มีดังนี้ - Selector { background-repeat: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงคุณสมบัติ CSS พื้นหลังซ้ำ - <!DOCTYPE html> <html> <head> &
ตัวเลือกพี่น้องที่อยู่ติดกัน CSS ใช้เพื่อเลือกพี่น้องที่อยู่ติดกันขององค์ประกอบ ใช้เพื่อเลือกเฉพาะองค์ประกอบที่ตามหลังตัวเลือกแรกทันที ไวยากรณ์ ไวยากรณ์สำหรับตัวเลือกพี่น้อง CSS ที่อยู่ติดกันมีดังนี้ - element + element { /*declarations*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงตัวเล
คุณสมบัติการเยื้องข้อความ CSS ช่วยให้เราตั้งค่าการเยื้องของบรรทัดแรกขององค์ประกอบ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติการเยื้องข้อความ CSS มีดังต่อไปนี้ - Selector { text-indent: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงคุณสมบัติการเยื้องข้อความ CSS <!DOCTYPE html> <html> <hea
คุณสมบัติการเว้นวรรคคำ CSS ใช้เพื่อระบุช่องว่างระหว่างคำขององค์ประกอบ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติการเว้นวรรคคำ CSS มีดังต่อไปนี้ - Selector { word-spacing: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงคุณสมบัติการเว้นวรรคคำ CSS - <!DOCTYPE html> <html> <head>
CSS ช่วยให้เราจัดรูปแบบลิงก์ได้ตามต้องการ เราสามารถจัดรูปแบบข้อความ โดยการเพิ่มสี พื้นหลัง เพิ่มขนาด ฯลฯ นอกจากนี้ยังสามารถเพิ่มแอนิเมชั่นเพื่อสร้างเอฟเฟกต์ภาพที่สวยงามอีกด้วย สำหรับการทำงานที่เหมาะสม ลำดับของตัวเลือกหลอกจะได้รับโดย:- :link, :visited, :hover, :active ตัวอย่าง ตัวอย่างต่อไปนี้แสดงส
คุณสมบัติสี CSS ใช้เพื่อกำหนดสีข้อความสำหรับองค์ประกอบ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติสี CSS มีดังต่อไปนี้ - Selector { color: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงคุณสมบัติสี CSS - <!DOCTYPE html> <html lang="en"> <head> <style> div {
การใช้คุณสมบัติ CSS text-align เราสามารถตั้งค่าข้อความขององค์ประกอบในแนวนอน เราสามารถตั้งค่าให้ชิดซ้าย ขวา ชิดขอบหรือตรงกลางได้ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS text-align มีดังนี้ - Selector { text-align: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงให้เห็นถึงคุณสมบัติการจัดข้อความ CSS
การใช้ CSS Z-Index ผู้พัฒนาคุณสมบัติสามารถซ้อนองค์ประกอบเข้าด้วยกันได้ ดัชนี Z สามารถมีค่าบวกหรือค่าลบได้ หมายเหตุ − หากองค์ประกอบที่คาบเกี่ยวกันไม่ได้ระบุดัชนี z องค์ประกอบนั้นจะแสดงขึ้นที่กล่าวถึงสุดท้ายในเอกสาร ตัวอย่าง มาดูตัวอย่างคุณสมบัติดัชนี z กัน − <!DOCTYPE html> <html> &
CSS Pseudo Element นี้เลือกตัวอักษรตัวแรกของเนื้อหาขององค์ประกอบ อย่างไรก็ตาม สิ่งนี้ใช้ไม่ได้หากองค์ประกอบอยู่ในระดับอินไลน์ ตัวอย่าง มาดูตัวอย่าง CSS ::first-letter pseudo element − <!DOCTYPE html> <html> <head> <style> div{ background-color: #32485d; &
สไตล์ชีตที่ขึ้นกับสื่อเป็นสไตล์ชีตพื้นฐานเท่านั้น แต่ใช้กับเอกสาร html เฉพาะเมื่อประเภทสื่อตรงกับประเภทอุปกรณ์ที่มองเห็นเอกสารได้ เราสามารถสร้างสไตล์ชีตที่ขึ้นกับสื่อได้โดยวิธีการดังต่อไปนี้ - การใช้ @media At-rules การใช้ @import At-rules การใช้ HTML องค์ประกอบที่มีแอตทริบิวต์สื่อ ตัวอย่าง มาด
กฎ CSS @media ใช้เพื่อระบุสไตล์ที่แตกต่างกันสำหรับประเภทสื่อต่างๆ (เช่น การพิมพ์ หน้าจอ ทั้งหมด ฯลฯ) ในสไตล์ชีตเดียว โดยปกติแล้วจะตามด้วยรายการประเภทสื่อที่คั่นด้วยเครื่องหมายจุลภาคและบล็อกการประกาศ CSS ที่มีกฎรูปแบบสำหรับสื่อเป้าหมาย ไวยากรณ์ ต่อไปนี้เป็นไวยากรณ์ - @media ไม่ใช่ | เฉพาะประเภทสื่อแ
