หน้าแรก
หน้าแรก
ต่อไปนี้คือโค้ดสำหรับสร้างปุ่มนำทางด้านข้างแบบเลื่อนได้โดยใช้ CSS ตัวอย่าง <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docu
คุณสมบัติขนาดฟอนต์ CSS ใช้เพื่อกำหนดขนาดของฟอนต์ เราสามารถระบุค่าเป็นเปอร์เซ็นต์ หน่วย เช่น พิกเซล ซม. จุด em ฯลฯ และคีย์เวิร์ดแบบสัมบูรณ์ ค่าสัมพัทธ์เพิ่มการเข้าถึงสูงสุด ขนาดตัวอักษรเริ่มต้นคือ 16px หรือ 12pt. ไวยากรณ์ ไวยากรณ์ของคุณสมบัติขนาดแบบอักษร CSS มีดังต่อไปนี้ - Selector { f
. ตัวเลือก . ตัวเลือกคือตัวเลือกระดับชั้นเรียน ตัวดำเนินการ dot ใช้เพื่อสร้างคลาสสไตล์ซึ่งสามารถนำไปใช้กับองค์ประกอบ html หลายรายการได้ ตัวเลือก # # ตัวเลือกคือตัวเลือกระดับองค์ประกอบ ตัวดำเนินการแฮชใช้เพื่อนำสไตล์ไปใช้กับองค์ประกอบเฉพาะที่มี id เหมือนกับที่ใช้ในตัวเลือก # ตัวอย่าง ตามตัวอย่าง แสด
ในการสร้างแถบไอคอนด้วย CSS โค้ดจะเป็นดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-a
ในการสร้างไอคอนเมนูด้วย CSS โค้ดจะเป็นดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> div { width: 40px; height: 7px; background-color
ในการสร้าง Accordion ด้วย CSS และ JavaScript โค้ดจะเป็นดังนี้ - ตัวอย่าง <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .demo { background-color: #eee; cursor: poin
เราสามารถกำหนดรูปแบบสำหรับตารางโดยใช้ CSS คุณสมบัติต่อไปนี้ใช้เพื่อจัดรูปแบบ และองค์ประกอบต่างๆ - ชายแดน คุณสมบัติ CSS border ใช้เพื่อกำหนด border-width, border-style และ border-color ยุบขอบ คุณสมบัตินี้ใช้เพื่อระบุว่าองค์ประกอบ ควรมีขอบที่ใช้ร่วมกันหรือแยกจากกัน คำบรรยายภาพ คุณสมบัติด้านคำอ
คุณสมบัติ CSS border-style ใช้เพื่อระบุรูปแบบเส้นขอบสำหรับองค์ประกอบ นอกจากนี้เรายังสามารถกำหนดรูปแบบเส้นขอบสำหรับแต่ละด้านโดยใช้คุณสมบัติ border-top-style, border-right-style, border-left-style และ border-right-style ไวยากรณ์ ไวยากรณ์ของคุณสมบัติเส้นขอบ CSS มีดังต่อไปนี้ - Selector {
คุณสมบัติ CSS border-color ใช้เพื่อระบุสีเส้นขอบสำหรับองค์ประกอบ นอกจากนี้เรายังสามารถกำหนดสีสำหรับแต่ละด้านโดยใช้คุณสมบัติ border-top-color, border-right-color, border-left-color และ border-right-color ได้ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ CSS border-color มีดังนี้ - ตัวเลือก { border-color:/*value*/}
คุณสมบัติขนาดแบบอักษร CSS สามารถตั้งค่าได้ด้วยคำสำคัญแบบสัมบูรณ์และแบบสัมพัทธ์ สิ่งนี้จะปรับขนาดข้อความตามต้องการ ไวยากรณ์ ไวยากรณ์ของคุณสมบัติขนาดแบบอักษร CSS มีดังต่อไปนี้ - Selector { font-size: /*value*/ } ตารางต่อไปนี้แสดงรายการคำหลักมาตรฐานที่ใช้ใน CSS - ซีเนียร์ คุณค่าและรายละเ
คุณสมบัติ font-variant ใช้เพื่อระบุ font-variant-caps, font-variant-numeric, font-variant-alternates, font-variant-ligatures และ font-variant-east-asian ไวยากรณ์ ไวยากรณ์ของคุณสมบัติ font-variant มีดังนี้ - Selector { font-variant: /*value*/ } ตัวอย่างต่อไปนี้แสดงให้เห็นถึงคุณสมบัติตั
ตัวเลือกพี่น้องทั่วไป CSS ใช้เพื่อเลือกองค์ประกอบทั้งหมดที่ตามหลังองค์ประกอบแรก โดยที่ทั้งคู่เป็นลูกของพาเรนต์เดียวกัน ไวยากรณ์ ไวยากรณ์สำหรับตัวเลือก CSS พี่น้องทั่วไปมีดังนี้ element ~ element { /*declarations*/ } ตัวอย่างต่อไปนี้แสดงให้เห็นถึงตัวเลือกพี่น้องทั่วไปของ CSS - ตัวอย่าง
ตัวเลือกการจัดกลุ่ม CSS ใช้เพื่อเลือกหลายองค์ประกอบและจัดรูปแบบด้วยกัน ซึ่งจะช่วยลดโค้ดและความพยายามเพิ่มเติมในการประกาศรูปแบบทั่วไปสำหรับแต่ละองค์ประกอบ ในการจัดกลุ่มตัวเลือก ตัวเลือกแต่ละตัวจะถูกคั่นด้วยช่องว่าง ไวยากรณ์ ไวยากรณ์สำหรับตัวเลือกการจัดกลุ่ม CSS มีดังต่อไปนี้ - element, element { &nb
คุณสมบัติสี CSS ใช้เพื่อเปลี่ยนสีข้อความขององค์ประกอบ เราสามารถระบุค่าเป็นชื่อสีมาตรฐาน rgb(), rgba(), hsl(), hsla() และค่าเลขฐานสิบหก ไวยากรณ์ ไวยากรณ์สำหรับคุณสมบัติสี CSS มีดังต่อไปนี้ - Selector { color: /*value*/ } ตัวอย่างต่อไปนี้แสดงคุณสมบัติสี CSS - ตัวอย่าง <!DOCTYPE html&
เราสามารถกำหนดสีสำหรับข้อความ เส้นขอบ และพื้นหลังขององค์ประกอบโดยใช้ CSS คุณสมบัติสีใช้เพื่อระบุสีข้อความสำหรับองค์ประกอบ ไวยากรณ์ ไวยากรณ์สำหรับคุณสมบัติสี CSS มีดังต่อไปนี้ - Selector { color: /*value*/ } ตัวอย่างต่อไปนี้แสดงคุณสมบัติสี CSS - ตัวอย่าง <!DOCTYPE html> <html&
เราสามารถกำหนดสีเส้นขอบและสีเค้าร่างสำหรับองค์ประกอบ เค้าโครงไม่ใช้พื้นที่ต่างจากเส้นขอบ คุณสมบัติ border-color ใช้เพื่อกำหนดสีเส้นขอบขององค์ประกอบ และใช้คุณสมบัติ outline-color เพื่อกำหนดสีเค้าร่าง ไวยากรณ์ ไวยากรณ์สำหรับคุณสมบัติ CSS border-color และ outline-color มีดังนี้ - /*for setting border-
คุณสมบัติการตกแต่งข้อความ CSS ใช้สำหรับการตกแต่งข้อความขององค์ประกอบที่เลือก เราสามารถเพิ่มเส้นผ่าน ขีดเส้นใต้ ขีดเส้นใต้ ฯลฯ เป็นค่าได้ เป็นชวเลขสำหรับ text-decoration-line text-decoration-color และ text-decoration-style ไวยากรณ์ ไวยากรณ์ของคุณสมบัติการตกแต่งข้อความมีดังนี้ − Selector { &nb
ตามค่าเริ่มต้น ลิงก์ทั้งหมดใน HTML จะมีการขีดเส้นใต้ เราสามารถลบขีดเส้นใต้นี้ได้โดยใช้คุณสมบัติ CSS text-decoration ไวยากรณ์ ไวยากรณ์ของคุณสมบัติการตกแต่งข้อความ CSS มีดังต่อไปนี้ - Selector { text-decoration: /*value*/ } ตัวอย่าง ตัวอย่างต่อไปนี้แสดงคุณสมบัติการตกแต่งข้อความ CSS <
คุณสมบัติการแปลงข้อความ CSS ช่วยให้เราสามารถตั้งค่าตัวพิมพ์ใหญ่ของข้อความสำหรับองค์ประกอบ สามารถรับค่าต่อไปนี้:ตัวพิมพ์ใหญ่, ตัวพิมพ์เล็ก, ตัวพิมพ์ใหญ่, เต็มความกว้าง, เต็มขนาด-kana และไม่มี ไวยากรณ์ ไวยากรณ์ของคุณสมบัติการแปลงข้อความ CSS มีดังต่อไปนี้ - Selector { text-transform: /*va
เราสามารถกำหนดรูปแบบการเชื่อมโยงได้ตามความต้องการของเรา ขอแนะนำให้ลิงก์มีสไตล์ที่แตกต่างจากข้อความปกติ รูปแบบลิงก์เริ่มต้นสำหรับสถานะลิงก์ต่างๆ มีดังนี้ - สถานะลิงก์ สี ใช้งานอยู่ #EE0000 โฟกัส #5E9ED6 หรือเฉดสีน้ำเงินที่คล้ายกันในกรณีของ Windows และ Mac #F07746 เค้าร่างสำหรับ Linux ในขณะที่สีข้