คู่มืออ้างอิง CSS

สิ่งที่จำเป็นที่สุด

ขนาดข้อความ ข้อความตัวเอียง ข้อความตัวหนา ระยะห่างระหว่างบรรทัด ตระกูล (ประเภท) ฟอนต์ คำสั่งย่อสำหรับฟอนต์ ย่อหน้าแดง การจัดตำแหน่งข้อความ

พบไม่บ่อย

เส้นขีดใต้ ขีดทับ ขีดบน ข้อความ ตำแหน่งของเส้นในข้อความ ประเภทของเส้นในข้อความ สีของเส้นในข้อความ การเปลี่ยนตัวพิมพ์ ตัวพิมพ์ใหญ่ขนาดเล็ก ฟอนต์กำหนดเอง ควบคุมขนาดฟอนต์ ช่องว่างระหว่างตัวอักษร ช่องว่างระหว่างคำ การจัดตำแหน่งบรรทัดสุดท้าย การจัดตำแหน่งแนวตั้ง รูปร่างของเครื่องหมายอัญประกาศ เคิร์นนิ่งของฟอนต์ สีเติมตัวอักษรข้อความ การวางทิศทางตัวอักษรในข้อความแนวตั้ง เส้นขอบตัวอักษรข้อความ สีเส้นขอบตัวอักษรข้อความ ความหนาเส้นขอบตัวอักษรข้อความ ทิศทางข้อความ

การตัดคำ

ช่องว่างและการตัดคำ การตัดคำยาว การตัดคำยาว การตัดทับ แถบเลื่อน overflow แนวนอน overflow แนวตั้ง ขนาดแท็บ การเพิ่มจุดไข่ปลา การกำหนดตำแหน่งตัดคำ จำกัดข้อความด้วยจำนวนบรรทัด

สี

สีข้อความ

เส้นขอบ

คุณสมบัติย่อสำหรับเส้นขอบ เส้นขอบด้านซ้าย เส้นขอบด้านขวา เส้นขอบด้านบน เส้นขอบด้านล่าง ความหนาของเส้นขอบ ประเภทของเส้นขอบ สีของเส้นขอบ ความหนาของเส้นขอบด้านซ้าย ความหนาของเส้นขอบด้านขวา ความหนาของเส้นขอบด้านบน ความหนาของเส้นขอบด้านล่าง ประเภทของเส้นขอบด้านซ้าย ประเภทของเส้นขอบด้านขวา ประเภทของเส้นขอบด้านบน ประเภทของเส้นขอบด้านล่าง สีของเส้นขอบด้านซ้าย สีของเส้นขอบด้านขวา สีของเส้นขอบด้านบน สีของเส้นขอบด้านล่าง

ความโค้งมน

มุมที่โค้งมน มุมบนซ้าย มุมบนขวา มุมล่างซ้าย มุมล่างขวา

เส้นโครงร่าง

คุณสมบัติย่อสำหรับเส้นโครงร่าง ความหนาของเส้นโครงร่าง ประเภทของเส้นโครงร่าง สีของเส้นโครงร่าง การปรับตำแหน่งเส้นโครงร่าง

พื้นหลัง

คุณสมบัติย่อสำหรับพื้นหลัง สีพื้นหลัง รูปภาพพื้นหลัง พฤติกรรมของพื้นหลังเมื่อเลื่อน ตำแหน่งของรูปภาพพื้นหลัง วิธีทำซ้ำพื้นหลัง ตำแหน่งของรูปภาพพื้นหลัง ตำแหน่งของพื้นหลัง ตำแหน่งพื้นหลังตามแนวนอน ตำแหน่งพื้นหลังตามแนวตั้ง ขนาดของรูปภาพพื้นหลัง พื้นหลังเบลอ ความสว่างของพื้นหลัง ความคมชัดของพื้นหลัง เงาของพื้นหลัง การหมุนสีของพื้นหลัง การกลับสีพื้นหลัง ความโปร่งใสของพื้นหลัง พื้นหลังซีเปีย เอฟเฟกต์พื้นหลัง การผสมรูปภาพพื้นหลังกับสีพื้นหลัง โหมดการผสมสีต้นทางกับพื้นหลัง สไตล์สำหรับพื้นหลัง

เงา

เงาข้อความ เงาของคอนเทนเนอร์

ความโปร่งใส

ความโปร่งใส การมองเห็นองค์ประกอบ

การไล่ระดับสี

แบบเส้นตรง แบบรัศมี แบบเส้นตรงที่ทำซ้ำ แบบรัศมีที่ทำซ้ำ

การตัด

การตัด สร้างพื้นที่ตัดสำหรับองค์ประกอบ คุณสมบัติย่อสำหรับการทำงานกับมาสก์ กำหนดตำแหน่งของมาสก์เทียบกับองค์ประกอบ กำหนดรูปภาพสำหรับมาสก์ กำหนดว่ามาสก์มีปฏิสัมพันธ์กับพื้นหลังอย่างไร กำหนดขนาดของมาสก์ กำหนดการทำซ้ำของมาสก์ กำหนดพื้นที่ตำแหน่งของมาสก์ กำหนดพื้นที่ตัดของมาสก์ กำหนดว่ามาสก์หลายๆอันรวมกันอย่างไร

รูปภาพเส้นขอบ

เส้นขอบในรูปแบบรูปภาพ เส้นทางไปยังรูปภาพของเส้นขอบ การแบ่งรูปภาพสำหรับเส้นขอบออกเป็นส่วนๆ วิธีทำซ้ำรูปภาพของเส้นขอบ การเลื่อนรูปภาพของเส้นขอบ การปรับสเกลรูปภาพของเส้นขอบ

การทำงานกับเมาส์

การเลือกข้อความ ห้ามเลือกข้อความ การตอบสนองต่อเมาส์ รูปร่างของเคอร์เซอร์

สไตล์

ความสำคัญของสไตล์ สไตล์สำหรับประเภทสื่อ สไตล์องค์ประกอบที่มีความสามารถที่เบราว์เซอร์รองรับ การนำเข้าไฟล์ CSS ไปยังสไตล์ชีตปัจจุบัน สไตล์องค์ประกอบตามค่าเริ่มต้น สไตล์องค์ประกอบในโหมดเต็มจอ สไตล์องค์ประกอบที่มีช่วงค่าที่กำหนด สไตล์สำหรับสวิตช์ที่อยู่ในสถานะไม่แน่นอน สไตล์สำหรับอินพุตที่ป้อนค่าผิด สไตล์สำหรับอินพุตที่ไม่มีแอตทริบิวต์ required สไตล์องค์ประกอบที่มีค่าออกนอกช่วง สไตล์องค์ประกอบเมื่อแสดงข้อความคำใบ้ สไตล์อินพุตที่มีแอตทริบิวต์ readonly สไตล์อินพุตที่สามารถแก้ไขได้ สไตล์สำหรับอินพุตที่มีแอตทริบิวต์ required กำหนดไว้ สไตล์สำหรับอินพุตที่ป้อนค่าถูกต้อง สีของเคอร์เซอร์ข้อความในอินพุต สไตล์องค์ประกอบที่อยู่ในโฟกัส การเลื่อนภายในองค์ประกอบ

รายการ

ประเภทเครื่องหมายรายการ ตำแหน่งของเครื่องหมาย รูปภาพสำหรับเครื่องหมาย คุณสมบัติรวมสำหรับรายการ

ตาราง

การรวมขอบ ระยะห่างระหว่างเซลล์ การแสดงเซลล์ว่าง การคำนวณเซลล์ตาราง

ลิงก์

ลิงก์ก่อนการเข้าชม ลิงก์ที่เข้าชมแล้ว การชี้เมาส์ไปที่ลิงก์ การคลิกที่ลิงก์

ฟอร์ม

อินพุตที่ได้รับการโฟกัส คำแนะนำในอินพุต ช่องทำเครื่องหมายหรือเรดิโอที่ถูกเลือก อินพุตที่ไม่ได้เปิดใช้งาน อินพุตที่เปิดใช้งาน

ขนาด

ความกว้างของบล็อก ความสูงของบล็อก ความกว้างขั้นต่ำ ความกว้างสูงสุด ความสูงขั้นต่ำ ความสูงสูงสุด

ระยะห่าง

ระยะห่างภายนอก ระยะห่างภายนอกด้านบน ระยะห่างภายนอกด้านล่าง ระยะห่างภายนอกด้านซ้าย ระยะห่างภายนอกด้านขวา ระยะห่างภายใน ระยะห่างภายในด้านบน ระยะห่างภายในด้านล่าง ระยะห่างภายในด้านซ้าย ระยะห่างภายในด้านขวา ระยะห่างภายในส่วนท้ายตามแนวแกนบล็อก ระยะห่างภายในส่วนเริ่มต้นตามแนวแกนบล็อก ระยะห่างภายในส่วนท้ายตามแนวแกนอินไลน์ ระยะห่างภายในส่วนเริ่มต้นตามแนวแกนอินไลน์

อื่นๆ

วิธีการคำนวณ padding, border และ width วิธีการแสดงผลองค์ประกอบ การปรับขนาด อัตราส่วนด้านขององค์ประกอบ การปรับสเกลองค์ประกอบ

การคำนวณ

การดำเนินการทางคณิตศาสตร์ จำกัดค่าในช่วงที่กำหนด ค่าที่น้อยที่สุดจากค่าที่กำหนด ค่าที่มากที่สุดจากค่าที่กำหนด

หน่วยของขนาด

ขนาดเป็นพิกเซล ขนาดเป็น em ขนาดเป็น rem ขนาดเป็นเปอร์เซ็นต์ ขนาดเป็นเศษส่วน ขนาดเป็น vw ขนาดเป็น vh ขนาดเป็น vmax ขนาดเป็น vmin

Flexbox

ทิศทางของแกน การจัดวางตามแกนหลัก การจัดวางตามแกนตัด การจัดเรียงบล็อกหลายบรรทัด คำสั่งย่อสำหรับ flex-direction และ flex-wrap การจัดวางบล็อกตามแกนตัด ลำดับการเรียง ขนาดพื้นฐานของบล็อก ความ "โลภ" ของบล็อก ปัจจัย "การหดตัว" ของบล็อก คำสั่งย่อสำหรับ flex-grow, flex-shrink และ flex-basis

Grid

ตำแหน่งเริ่มต้นขององค์ประกอบในคอลัมน์ ตำแหน่งสิ้นสุดขององค์ประกอบในคอลัมน์ ตำแหน่งเริ่มต้นและสิ้นสุดขององค์ประกอบในคอลัมน์ ตำแหน่งเริ่มต้นขององค์ประกอบในแถว ตำแหน่งสิ้นสุดขององค์ประกอบในแถว ตำแหน่งเริ่มต้นและสิ้นสุดขององค์ประกอบในแถว จำนวนและความกว้างของคอลัมน์ในกริด จำนวนและความกว้างของคอลัมน์ในกริดโดยนัย จำนวนและความกว้างของแถวในกริด จำนวนและความกว้างของแถวในกริดโดยนัย การวางตำแหน่งองค์ประกอบในกริด ชื่อขององค์ประกอบในกริด ระยะห่างระหว่างองค์ประกอบในกริด ระยะห่างระหว่างแถวในกริด ระยะห่างระหว่างคอลัมน์ในกริด การเขียนคุณสมบัติของกริดแบบย่อ การวางตำแหน่งองค์ประกอบในกริดโดยอัตโนมัติ จำนวนและความกว้างของคอลัมน์และแถวสำหรับองค์ประกอบ การจัดวางตามแกนตัดหรือแกนตั้ง การจัดวางองค์ประกอบภายในเซลล์กริดตามแกนนอน การจัดวางองค์ประกอบภายในเซลล์กริด การจัดวางองค์ประกอบเฉพาะในกริดตามแกนนอน การจัดวางองค์ประกอบเฉพาะในกริด การจัดวางตามแกนหลักและแกนตัด

การกำหนดตำแหน่ง

การกำหนดตำแหน่ง ตำแหน่งตามแกน Z ตำแหน่งหลังองค์ประกอบแรก ตำแหน่งขอบล่างขององค์ประกอบ ตำแหน่งขอบบนขององค์ประกอบ ตำแหน่งขอบซ้ายขององค์ประกอบ ตำแหน่งขอบขวาขององค์ประกอบ ตำแหน่งของหัวเรื่องตาราง

การล้อม

องค์ประกอบแบบลอย ยกเลิก float สำหรับองค์ประกอบข้างบน กำหนดรูปร่างการล้อม ระยะห่างเมื่อล้อม

คอลัมน์

จำนวนคอลัมน์ ระยะห่างระหว่างคอลัมน์ เส้นขอบระหว่างคอลัมน์ ความกว้างของคอลัมน์ การยืดองค์ประกอบข้ามคอลัมน์ ความกว้างและจำนวนคอลัมน์

การปฏิเสธ

การปฏิเสธ

ตามตำแหน่ง

ลูกตัวแรกของผู้ปกครอง ลูกตัวสุดท้ายของผู้ปกครอง ลูกตัวที่ n ของผู้ปกครอง ลูกตัวที่ n ของผู้ปกครองนับจากท้าย ลูกเพียงคนเดียวของผู้ปกครอง

ตามประเภทและตำแหน่ง

ลูกตัวแรกของผู้ปกครองตามประเภทที่กำหนด ลูกตัวสุดท้ายของผู้ปกครองตามประเภทที่กำหนด ลูกตัวที่ n ของผู้ปกครองตามประเภทที่กำหนด ลูกตัวที่ n ของผู้ปกครองตามประเภทที่กำหนดนับจากท้าย ลูกเพียงคนเดียวของผู้ปกครองตามประเภทที่กำหนด

อื่นๆ

องค์ประกอบที่ว่างเปล่า ตามภาษาของข้อความ องค์เป้าหมาย

ส่วนของข้อความ

ตัวอักษรแรก บรรทัดแรกของข้อความ

การเปลี่ยนผ่านอย่างลื่นไหล

ระยะเวลาดำเนินการ ความล่าช้าก่อนดำเนินการ คุณสมบัติที่เคลื่อนไหวได้ ความเร็วของภาพเคลื่อนไหว คุณสมบัติแบบย่อ

ภาพเคลื่อนไหว

คีย์เฟรมของภาพเคลื่อนไหว ชื่อภาพเคลื่อนไหว ระยะเวลาดำเนินการ ความล่าช้าก่อนดำเนินการ ความเร็วของภาพเคลื่อนไหว จำนวนครั้งที่ทำซ้ำ ทิศทางของภาพเคลื่อนไหว สถานะของภาพเคลื่อนไหว หยุดชั่วคราว คุณสมบัติแบบย่อ

การแปลงสภาพ

การแปลง จุดกำเนิดการแปลง

การหมุน

หมุน หมุนรอบแกน X หมุนรอบแกน Y หมุนรอบแกน Z หมุนรอบทุกแกน

การย่อ/ขยาย

ย่อ/ขยาย ย่อ/ขยายตามแกน X ย่อ/ขยายตามแกน Y

การบิดเบือน

บิดเบือน บิดเบือนตามแกน X บิดเบือนตามแกน Y

การเลื่อน

เลื่อน เลื่อนตามแกน X เลื่อนตามแกน Y

การแทรกข้อความ

ข้อความหลังองค์ประกอบ ข้อความก่อนองค์ประกอบ ข้อความสำหรับ after และ before เนื้อหาของแอตทริบิวต์

ตัวนับ

การนับหมายเลของค์ประกอบอัตโนมัติ การรีเซ็ตตัวนับ

ตัวเลือก

ตัวเลือกตามบริบท ตัวเลือกลูกโดยตรง ตัวเลือกพี่น้องที่อยู่ติดกัน ตัวเลือกพี่น้องทั่วไป ตัวเลือกสากล

ตัวเลือก

ตัวเลือกตามชื่อแอตทริบิวต์ ตัวเลือกตามค่าของแอตทริบิวต์ ตัวเลือกตามส่วนเริ่มต้นของค่าของแอตทริบิวต์ ตัวเลือกตามส่วนท้ายของค่าของแอตทริบิวต์ ตัวเลือกแอตทริบิวต์ตามข้อความ ตัวเลือกตามค่าหนึ่งของแอตทริบิวต์ ตัวเลือกแอตทริบิวต์ตามยัติภังค์ในค่า
↑
ไทย▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣTürkmenTürkçeЎзбекOʻzbekTiếng Việt
เราใช้คุกกี้สำหรับการทำงานของเว็บไซต์ การวิเคราะห์ และการปรับเนื้อหาให้เหมาะสมส่วนบุคคล การประมวลผลข้อมูลเกิดขึ้นตาม นโยบายความเป็นส่วนตัว.
ยอมรับทั้งหมด ปรับแต่ง ปฏิเสธ