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

คุณสมบัติ CSS

A

accent-color กำหนดสีที่ใช้นำในส่วนของแนวประกาศตัวผู้ใช้。
align-content กำหนดวิธีการจัดลำดับของแถวระหว่างส่วนในตัวแทนองค์ประกอบอิเล็กทรอนิกส์ เมื่อส่วนไม่ใช้ทั้งส่วนพื้นที่ที่ว่าง。
align-items กำหนดวิธีการจัดลำดับของส่วนในตัวแทนองค์ประกอบอิเล็กทรอนิกส์。
align-self กำหนดวิธีการจัดลำดับของส่วนที่เลือกในตัวแทนองค์ประกอบอิเล็กทรอนิกส์。
all ตั้งค่าทุกคุณสมบัติ (ยกเว้น unicode-bidi และ direction)
animation ภาษาย่อสำหรับทุกคุณสมบัติ animation-*
animation-delay กำหนดระยะเวลาเลื่อนล้างก่อนเริ่มอนุกรมศาสตร์ตายาน。
animation-direction กำหนดว่าอนุกรมศาสตร์ตายานควรเล่นไปข้างหน้า, ข้างหลัง, หรือเปลี่ยนกลับข้างหน้าและข้างหลังต่อเนื่อง。
animation-duration กำหนดระยะเวลาที่อนุกรมศาสตร์ตายานควรใช้เพื่อเสร็จสิ้นหนึ่งวงจร。
animation-fill-mode กำหนดรูปแบบขององค์ประกอบเมื่ออนุกรมศาสตร์ตายานไม่มีการเล่น (ก่อนเริ่ม, หลังจากสิ้นสุด, หรือทั้งสอง)
animation-iteration-count กำหนดจำนวนครั้งที่อนุกรมศาสตร์ตายานควรเล่น。
animation-name กำหนดชื่ออนุกรมศาสตร์ตายาน @keyframes。
animation-play-state กำหนดว่าอนุกรมศาสตร์ตายานควรเล่นหรือหยุดเล่น。
animation-timing-function กำหนดแนวทางที่การเคลื่อนไหวของอนุกรมศาสตร์ตายานควรมี。
aspect-ratio กำหนดอัตราส่วนกว้างสูงขององค์ประกอบ。

B

backdrop-filter กำหนดกราฟิกภาพของพื้นที่หลังขององค์ประกอบ。
backface-visibility กำหนดว่าด้านหลังขององค์ประกอบควรเห็นได้หรือไม่เมื่อมีผู้ใช้ปะทะกับองค์ประกอบ。
background ภาษาย่อสำหรับทุกคุณสมบัติ background-*
background-attachment กำหนดว่าภาพพื้นหลังควรเคลื่อนที่ร่วมกับส่วนที่เหลือของหน้าเว็บหรือคงที่。
background-blend-mode กำหนดโมดูล์สำหรับการผสมผสานของแผ่นพื้นหลัง (สี/ภาพ) แต่ละแผ่น。
background-clip กำหนดระยะทางที่ (สีหรือภาพ) พื้นหลังควรขยายออกไปภายในองค์ประกอบ。
background-color กำหนดสีพื้นหลังขององค์ประกอบ。
background-image กำหนดภาพพื้นหลังหนึ่งหรือหลายภาพขององค์ประกอบ。
background-origin กำหนดตำแหน่งต้นทางของภาพพื้นหลัง。
background-position กำหนดตำแหน่งของภาพพื้นหลัง
background-position-x กำหนดตำแหน่งของภาพพื้นหลังตามตัวอักษรย่อ X
pr_background-position-y กำหนดตำแหน่งของภาพพื้นหลังตามตัวอักษรย่อ Y
background-repeat กำหนดว่าจะซ้ำภาพพื้นหลังและแบ่งออกเช่นไร
background-size กำหนดขนาดของภาพพื้นหลัง
block-size กำหนดขนาดขององค์ประกอบในแบบบล็อค
border ทางเรียกย่อของ border-width, border-style และ border-color
border-block

ลูกความเกี่ยวข้องของคุณสมบัติที่มีความย่อยาย:
border-block-color จัดระบบของสีเส้นขอบที่เริ่มและจบของแบบบล็อค
border-block-end

ลูกความเกี่ยวข้องของคุณสมบัติที่มีความย่อยาย:
border-block-end-color จัดระบบของสีเส้นขอบที่จบของแบบบล็อค
border-block-end-style จัดระบบของรูปแบบเส้นขอบที่จบของแบบบล็อค
border-block-end-width จัดระบบของความกว้างของเส้นขอบที่จบของแบบบล็อค
border-block-start

ลูกความเกี่ยวข้องของคุณสมบัติที่มีความย่อยาย:
border-block-start-color จัดระบบของสีเส้นขอบที่เริ่มของแบบบล็อค
border-block-start-style จัดระบบของรูปแบบเส้นขอบที่เริ่มของแบบบล็อค
border-block-start-width จัดระบบของความกว้างของเส้นขอบที่เริ่มของแบบบล็อค
border-block-style จัดระบบของรูปแบบเส้นขอบที่เริ่มและจบของแบบบล็อค
border-block-width จัดระบบของความกว้างของเส้นขอบที่เริ่มและจบของแบบบล็อค
border-bottom ทางเรียกย่อของ border-bottom-width, border-bottom-style และ border-bottom-color
border-bottom-color จัดระบบของสีเส้นขอบด้านล่าง
border-bottom-left-radius กำหนดรัศมีของเส้นขอบมุมล่างซ้าย
border-bottom-right-radius กำหนดรัศมีของเส้นขอบมุมล่างขวา
border-bottom-style จัดระบบของรูปแบบเส้นขอบด้านล่าง
border-bottom-width จัดระบบของความกว้างของเส้นขอบด้านล่าง
border-collapse จัดระบบของเส้นขอบตารางว่าจะย่อตัวเป็นเส้นขอบเดียวหรือแบ่งออก
border-color ตั้งค่าสีของขอบทั้งสี่ขอบ
border-end-end-radius ตั้งค่าเส้นโค้งของมุมที่สิ้นสุดของแบบและสุดท้ายของแถวภายใน
border-end-start-radius ตั้งค่าเส้นโค้งของมุมที่สิ้นสุดของแบบและเริ่มของแถวภายใน
border-image สั้นแบบของคุณสมบัติ border-image-*
border-image-outset กำหนดปริมาณที่รูปภาพของขอบออกนอกขอบ
border-image-repeat กำหนดว่ารูปภาพของขอบจะเรียกแบบแสดงรวมกัน、แบบโค้งหรือแบบขยาย
border-image-slice กำหนดวิธีที่จะตัดรูปภาพของขอบ
border-image-source กำหนดหนทางของรูปภาพที่ใช้เป็นขอบ
border-image-width กำหนดความกว้างของรูปภาพของขอบ
border-inline

ลูกความเกี่ยวข้องของคุณสมบัติที่มีความย่อยาย:
border-inline-color ตั้งค่าสีของขอบของทิศทางแนวตรงของแถวแรกและสุดท้าย
border-inline-end

ลูกความเกี่ยวข้องของคุณสมบัติที่มีความย่อยาย:
border-inline-end-color ตั้งค่าสีของขอบของทิศทางแนวตรงของแถวสุดท้าย
border-inline-end-style ตั้งค่ารูปแบบของขอบของทิศทางแนวตรงของแถวสุดท้าย
border-inline-end-width ตั้งค่าความกว้างของขอบของทิศทางแนวตรงของแถวสุดท้าย
border-inline-start

ลูกความเกี่ยวข้องของคุณสมบัติที่มีความย่อยาย:
border-inline-start-color ตั้งค่าสีของขอบของทิศทางแนวตรงของแถวแรก
border-inline-start-style ตั้งค่ารูปแบบของขอบของทิศทางแนวตรงของแถวแรก
border-inline-start-width ตั้งค่าความกว้างของขอบของทิศทางแนวตรงของแถวแรก
border-inline-style ตั้งค่ารูปแบบของขอบของทิศทางแนวตรงของแถวแรกและสุดท้าย
border-inline-width ตั้งค่าความกว้างของขอบของทิศทางแนวตรงของแถวแรกและสุดท้าย
border-left สั้นแบบของคุณสมบัติ border-left-* ทั้งหมด
border-left-color ตั้งค่าสีของขอบบนฝั่งซ้าย
border-left-style ตั้งค่ารูปแบบของขอบบนฝั่งซ้าย
border-left-width ตั้งค่าความกว้างของขอบบนฝั่งซ้าย
border-radius สั้นแบบของคุณสมบัติ border-*-radius สี่อย่าง
border-right สั้นแบบของคุณสมบัติ border-right-* ทั้งหมด
border-right-color กำหนดสีของขอบเขตด้านขวา
border-right-style กำหนดรูปแบบของขอบเขตด้านขวา
border-right-width กำหนดความกว้างของขอบเขตด้านขวา
border-spacing กำหนดระยะห่างระหว่างขอบเขตของเซลล์ที่อยู่ข้างเคียง
border-start-end-radius กำหนดรัศมีของมุมที่อยู่ระหว่างด้านเริ่มต้นของอิเลเมนต์และด้านสิ้นสุดของแถว
border-start-start-radius กำหนดรัศมีของมุมที่อยู่ระหว่างด้านเริ่มต้นของอิเลเมนต์และด้านเริ่มต้นของแถว
border-style กำหนดรูปแบบของขอบเขตสี่ด้าน
border-top ตัวแทนย่อของ border-top-width, border-top-style และ border-top-color
border-top-color กำหนดสีของขอบเขตด้านบน
border-top-left-radius กำหนดรัศมีของขอบเขตด้านบนด้านซ้าย
border-top-right-radius กำหนดรัศมีของขอบเขตด้านบนด้านขวา
border-top-style กำหนดรูปแบบของขอบเขตด้านบน
border-top-width กำหนดความกว้างของขอบเขตด้านบน
border-width กำหนดความกว้างของขอบเขตสี่ด้าน
bottom กำหนดตำแหน่งของอิเลเมนต์ต่อจากด้านล่างของตัวแบบ
box-decoration-break กำหนดพฤติกรรมของพื้นที่หลังและขอบเขตของอิเลเมนต์ที่ตั้งอยู่ที่ตำแหน่งหลังของต่างของตัวแบบที่มีการแบ่งหน้า หรือ สำหรับอิเลเมนต์ที่อยู่ในแถวที่มีการแบ่งบรรทัด
box-reflect ใช้สร้างผลสะท้อนของอิเลเมนต์
box-shadow เพิ่มเงาหนึ่งหรือหลายไปยังอิเลเมนต์
box-sizing กำหนดวิธีที่คำนวณความกว้างและสูงของอิเลเมนต์: พวกเขาจะมีกันดานหรือไม่
break-after กำหนดว่าจะมี page-、column- หรือ region-break หลังอิเลเมนต์ที่กำหนด
break-before กำหนดว่าจะมี page-、column- หรือ region-break ก่อนอิเลเมนต์ที่กำหนด
break-inside กำหนดว่าจะมี page-、column- หรือ region-break ภายในอิเลเมนต์ที่กำหนด

C

caption-side กำหนดวิธีที่จะจัดวางหัวข้อตาราง
caret-color กำหนดสีของตาหน้าที่ใช้ใน input, textarea หรืออิเลเมนต์ที่สามารถแก้ไขได้
@charset กำหนดตัวอักษรเรียกใช้ในไฟล์ซีสตีม
clear กำหนดว่าไม่อนุญาตให้มีอิเลเมนต์หลุดฝั่งใดของอิเลเมนต์
clip ตัดขอบอิเลเมนต์ที่มีการตั้งตำแหน่งเดี่ยว
clip-path ตัดองค์ประกอบเป็นรูปร่างพื้นฐานหรือแหล่งข้อมูล SVG
color กำหนดสีของข้อความ
color-scheme นำทางให้สำหรับระบบปฏิบัติการที่ใช้สีที่กำหนด
column-count กำหนดจำนวนคอลัมน์ที่องค์ประกอบควรแบ่ง
column-fill กำหนดวิธีการกรอบคอลัมน์ (เช่น แบลนด์)
column-gap กำหนดช่องว่างระหว่างคอลัมน์
column-rule คำเขียนย่อของทุก column-rule-* หน้าต่าง
column-rule-color กำหนดสีของกฎระหว่างคอลัมน์
column-rule-style กำหนดรูปแบบของกฎระหว่างคอลัมน์
column-rule-width กำหนดความกว้างของกฎระหว่างคอลัมน์
column-span กำหนดองค์ประกอบที่ควรข้ามคอลัมน์หลายคอลัมน์
column-width กำหนดความกว้างของคอลัมน์
columns คำเขียนย่อของ column-width และ column-count
@container กำหนดรูปแบบขององค์ประกอบภายในตัวจัดเก็บขององค์ประกอบ ตามขนาดหรือรูปแบบของตัวจัดเก็บ
content ใช้ร่วมกับ :before และ :after พลาสติกเพื่อใส่เนื้อหาที่สร้างขึ้น
counter-increment เพิ่มหรือลดค่าตัวนับ CSS หนึ่งหรือหลายตัว
counter-reset สร้างหรือเริ่มต้นตัวนับ CSS หนึ่งหรือหลายตัว
counter-set สร้างหรือกำหนดตัวนับ CSS หนึ่งหรือหลายตัว
@counter-style อนุญาตให้คุณกำหนดรูปแบบของตัวนับที่กำหนด
cursor กำหนดลูกศักดิ์ประสงค์ที่ต้องการแสดงเมื่อมุมมองไปที่องค์ประกอบ

D

direction กำหนดทิศทางของข้อความ/วิธีการเขียน
display กำหนดวิธีการแสดงขององค์ประกอบ HTML

E

empty-cells กำหนดว่าจะแสดงเส้นขอบและพื้นหลังบนเซลล์ว่างในตารางหรือไม่

F

filter กำหนดผลลัพธ์ที่ปรากฏก่อนการแสดงประมวลผล
flex คำเขียนย่อของ flex-grow, flex-shrink และ flex-basis
flex-basis กำหนดความยาวตั้งต้นของโครงการยืดเยื้อ
flex-direction กำหนดทิศทางของโครงการยืดเยื้อ
flex-flow คำเขียนย่อของ flex-direction และ flex-wrap
flex-grow กำหนดปริมาณการเพิ่มขึ้นของโครงการเกี่ยวข้องเมื่อเทียบกับโครงการอื่นๆ
flex-shrink กำหนดปริมาณการลดลงของโครงการเกี่ยวข้องเมื่อเทียบกับโครงการอื่นๆ
flex-wrap กำหนดว่าควรใช้ flex-wrap หรือไม่
float กำหนดว่าควรมีการลอกหรือไม่
font ชื่อเรียกที่ย่อของ font-style, font-variant, font-weight, font-size/line-height และ font-family
@font-face อนุญาตให้เว็บไซต์ดาวน์โหลดและใช้ตัวอักษรที่ไม่ใช่ "web-safe"
font-family กำหนดตระกูลตัวอักษร (ตระกูลตัวอักษร) ของข้อความ
font-feature-settings อนุญาตให้ควบคุมคุณสมบัติการพิมพ์ขั้นสูงของตัวอักษร OpenType
@font-feature-values อนุญาตให้ผู้สร้างใช้ชื่อที่กำหนดใน font-variant-alternate ที่สามารถสร้างโดยตัวอักษรที่มีคุณสมบัติต่าง ๆ ใน OpenType
font-kerning ควบคุมการใช้ข้อมูลปรับแต่งระยะทาง (letter spacing)
font-language-override ควบคุมการใช้ตัวอักษรของภาษาเฉพาะทางในการใช้ตัวอักษร
@font-palette-values อนุญาตให้สร้างตัวอักษรที่มีค่าเริ่มต้นที่ไม่ใช่ตัวอักษร "web-safe"
font-size กำหนดขนาดตัวอักษรของข้อความ
font-size-adjust รักษาความอ่านได้ของตัวอักษรเมื่อมีการย้อนกลับในการเลือกตัวอักษร
font-stretch เลือกตัวอักษรที่มีขนาดปกติ บรรยาย หรือขนาดกว้างจากตัวอักษรในตระกูล
font-style กำหนดรูปแบบตัวอักษรของข้อความ
font-synthesis ควบคุมว่าควรใช้สีที่สัมพันธ์กับตัวอักษรที่หายไป (bold หรือ italic) ที่สามารถสร้างโดยเบราว์เซอร์
font-variant กำหนดว่าควรแสดงข้อความด้วยตัวอักษรใหญ่เล็กหรือไม่
font-variant-alternates ควบคุมการใช้ตัวอักษรที่มีขนาดเล็กแทนที่ที่เชื่อมโยงกับชื่อที่กำหนดใน @font-feature-values
font-variant-caps ควบคุมการใช้ตัวอักษรที่มีขนาดเล็กแทนที่สำหรับตัวอักษรใหญ่
font-variant-east-asian ควบคุมการใช้ตัวอักษรที่มีขนาดเล็กแทนที่สำหรับตัวอักษรในภาษาไอโยเรีย และภาษาจีน
font-variant-ligatures ควบคุมการใช้ตัวอักษรที่มีขนาดเล็กแทนที่สำหรับข้อความที่ใช้ตัวอักษรต่าง ๆ
font-variant-numeric ควบคุมการใช้ตัวอักษรที่มีขนาดเล็กแทนที่สำหรับตัวเลข ตัวแบบ และตัวจำลอง
font-variant-position ควบคุมการใช้ตัวอักษรที่มีขนาดเล็กแทนที่ ซึ่งตั้งตัวอักษรดังกล่าวเหนือหรือใต้ระดับของรากศัพท์
font-weight 规定字体的粗细。

G

grid grid-template-rows、grid-template-columns、grid-template-areas、grid-auto-rows、grid-auto-columns 以及 grid-auto-flow 属性的简写属性。
grid-area 即可规定网格项的名称，也可以是 grid-row-start、grid-column-start、grid-row-end 以及 grid-column-end 属性的简写属性。
grid-auto-columns 规定默认的列尺寸。
grid-auto-flow 规定如何在网格中插入自动放置的项目。
grid-auto-rows 规定默认的行尺寸。
grid-column grid-column-start 和 grid-column-end 属性的简写属性。
grid-column-end 规定如何结束网格项目。
grid-column-gap 规定列间隙的尺寸。
grid-column-start 规定网格项目从何处开始。
grid-gap grid-row-gap 和 grid-column-gap 的简写属性。
grid-row grid-row-start 和 grid-row-end 属性的简写属性。
grid-row-end 规定网格项目在何处结束。
grid-row-gap 规定列间隙的尺寸。
grid-row-start 规定网格项目从何处开始。
grid-template grid-template-rows、grid-template-columns 以及 grid-areas 属性的简写属性。
grid-template-areas 规定如何使用命名的网格项显示列和行。
grid-template-columns 指定列的尺寸以及网格布局中的列数。
grid-template-rows 指定网格布局中的行的尺寸。

H

hanging-punctuation 规定是否可以在行框外放置标点符号。
height 设置元素的高度。
hyphens 设置如何分割单词以改善段落的布局。
hyphenate-character 设置在换行前用于连字符断行的字符。

I

image-rendering กำหนดประเภทของอัลกอริทึมที่ใช้ในการย่อรวมรูปภาพ
@import อนุญาตให้คุณนำสไตล์เข้ามาใช้กับสไตล์ตารางอื่น
initial-letter กำหนดขนาดของตัวอักษรหัวใต้ และเลือกโดยเลือกขนาดของบรรทัดที่ตัวอักษรหัวใต้จะย่อมอยู่
inline-size กำหนดขนาดขององค์ประกอบในแนวใน
inset กำหนดระยะห่างขององค์ประกอบจากองค์ประกอบพ่อ
inset-block กำหนดระยะห่างขององค์ประกอบจากองค์ประกอบพ่อในแนวบล็อค
inset-block-end กำหนดระยะห่างขององค์ประกอบจากองค์ประกอบพ่อในแนวบล็อค
inset-block-start กำหนดระยะห่างขององค์ประกอบจากองค์ประกอบพ่อในแนวบล็อค
inset-inline กำหนดระยะห่างขององค์ประกอบจากองค์ประกอบพ่อในแนวใน
inset-inline-end กำหนดระยะห่างขององค์ประกอบจากองค์ประกอบพ่อในแนวใน
inset-inline-start กำหนดระยะห่างขององค์ประกอบจากองค์ประกอบพ่อในแนวใน
isolation กำหนดว่าองค์ประกอบจะต้องสร้างเนื้อหาทับเสภาษีใหม่หรือไม่

J

justify-content กำหนดวิธีการจัดตัวของรายการในตัวแทนเกณฑ์ที่มีช่องว่าง
justify-items กำหนดวิธีการจัดตัวของรายการในแนวในของเกณฑ์ตาราง จัดตั้งบนตัวแทนเกณฑ์ตาราง
justify-self กำหนดวิธีการจัดตัวของรายการในแนวในของเกณฑ์ตาราง จัดตั้งบนรายการ

K

@keyframes กำหนดรหัสการเคลื่อนไหว

L

@layer ควบคุมลำดับการประเมินสไตล์ของ CSS ชั้นทับเสภาษี
left กำหนดตำแหน่งด้านขวาขององค์ประกอบที่มีการตั้งตำแหน่ง
letter-spacing เพิ่มหรือลดระยะห่างตัวอักษรในข้อความ
line-break ว่าจะแบ่งบรรทัดหรือไม่
line-height ตั้งค่าสูงของบรรทัด
list-style ตั้งค่าทั้งหมดของคุณสมบัติรายการ
list-style-image กำหนดรูปภาพเป็นสัญลักษณ์รายการ
list-style-position กำหนดตำแหน่งของสัญลักษณ์รายการ
list-style-type กำหนดรูปแบบของสัญลักษณ์รายการรายการ

M

margin ตั้งค่าทั้งหมดของคุณสมบัติระยะเว้นในคำแถลงการณ์เดียว
margin-block กำหนดระยะเว้นด้านบล็อค
margin-block-end กำหนดระยะเว้นด้านสิ้นสุดของแนวบล็อค
margin-block-start กำหนดระยะเว้นด้านเริ่มต้นของแนวบล็อค
margin-bottom ตั้งค่าระยะเว้นด้านล่างขององค์ประกอบ
margin-inline กำหนดระยะเว้นด้านนอกของแนวใน
margin-inline-end กำหนดเมื่อนอกที่สิ้นสุดในทิศทางแนวตรง
margin-inline-start กำหนดเมื่อนอกที่เริ่มต้นในทิศทางแนวตรง
margin-left ตั้งค่าของซ้ายขององค์ประกอบ
margin-right ตั้งค่าของขวาขององค์ประกอบ
margin-top ตั้งค่าของเมื่อนอกขององค์ประกอบ
marker บอกว่าสัญลักษณ์ที่จะถูกวาดบนจุดที่เริ่มต้น สิ้นสุด และทุกจุดที่เริ่มต้นของหน้าทางขององค์ประกอบ
marker-end บอกว่าสัญลักษณ์ที่จะถูกวาดบนจุดที่สิ้นสุดของหน้าทางขององค์ประกอบ
marker-mid บอกว่าสัญลักษณ์ที่จะถูกวาดบนจุดที่เริ่มต้นของหน้าทางขององค์ประกอบทุกจุด
marker-start บอกว่าสัญลักษณ์ที่จะถูกวาดบนจุดที่เริ่มต้นของหน้าทางขององค์ประกอบ
mask

ลูกความเกี่ยวข้องของคุณสมบัติที่มีความย่อยาย:
mask-clip กำหนดพื้นที่ที่เงาจะส่งผล
mask-composite กำหนดปฏิกรณ์ที่ใช้ในการผสมระหว่างเงาที่อยู่ด้านบนกับเงาที่อยู่ด้านล่าง
mask-image กำหนดภาพที่ใช้เป็นเงาองค์ประกอบ
mask-mode กำหนดว่าภาพเงาจะถูกจัดการเป็นเงาที่มีความสว่างหรือเงาที่มีค่า alpha
mask-origin กำหนดตำแหน่งต้นตอของภาพเงา (เมื่อเทียบกับพื้นที่เงา)
mask-position ตั้งค่าตำแหน่งของภาพเงาเริ่มต้น (เมื่อเทียบกับพื้นที่เงา)
mask-repeat กำหนดวิธีที่ภาพเงาจะถูกซ้ำ
mask-size กำหนดขนาดของภาพเงาที่ใช้
mask-type กำหนด SVG กำหนดว่าตัวนี้จะถูกจัดการเป็นเงาที่มีความสว่างหรือเงาที่มีค่า alpha
max-height ตั้งค่าความสูงขององค์ประกอบเป็นมากที่สุด
max-width ตั้งค่าความกว้างขององค์ประกอบเป็นมากที่สุด
@media ตั้งค่ากฎสไตล์สำหรับประเภทสื่อต่างๆ อุปกรณ์ และขนาด
max-block-size ตั้งค่าขนาดขององค์ประกอบเป็นมากที่สุดในทิศทางแนวแบบ
max-inline-size ตั้งค่าขนาดขององค์ประกอบเป็นน้อยที่สุดในทิศทางแนวตรง
min-block-size ตั้งค่าขนาดขององค์ประกอบเป็นน้อยที่สุดในทิศทางแนวแบบ
min-inline-size ตั้งค่าขนาดขององค์ประกอบเป็นน้อยที่สุดในทิศทางแนวตรง
min-height ตั้งค่าความสูงขององค์ประกอบเป็นน้อยที่สุด
min-width ตั้งค่าความกว้างขององค์ประกอบเป็นน้อยที่สุด
mix-blend-mode ระบุว่าสิ่งที่แทนที่ควรผสมกับสีของพื้นหลังขององค์ประกอบที่ใช้

N

@namespace กำหนดชื่อชนิด XML ช่องที่ใช้ในตารางสไตล์

O

object-fit ระบุว่าสิ่งที่แทนที่ควรเข้ากันเพื่อความสูงและความกว้างของตัวที่ใช้
object-position กำหนดวิธีการจัดลำดับขององค์ประกอบที่ที่มีการแทนที่ในกล่องของมัน
offset

ลูกความเกี่ยวข้องของคุณสมบัติที่มีความย่อยาย:
offset-anchor กำหนดจุดที่องค์ประกอบจะยังคงอยู่บนเส้นทาง
offset-distance กำหนดตำแหน่งขององค์ประกอบในเส้นทาง
offset-path กำหนดเส้นทางที่องค์ประกอบจะเคลื่อนไหว
offset-position กำหนดตำแหน่งต้นขององค์ประกอบเมื่อเคลื่อนไหวตามเส้นทาง
offset-rotate กำหนดการหมุนขององค์ประกอบเมื่อมีการเคลื่อนไหวตามเส้นทาง
opacity ตั้งค่าระดับละเอียดที่ที่องค์ประกอบจะแสดงในหน้าจอ
order ตั้งค่าลำดับขององค์ประกอบอิสระเมื่อเทียบกับองค์ประกอบอื่น
orphans ตั้งค่าจำนวนบรรทัดที่ต้องมีอยู่ที่ด้านล่างของหน้าหรือคอลัมน์
orphans ตั้งค่าจำนวนบรรทัดที่ต้องมีอยู่ที่ด้านล่างของหน้าเมื่อมีการเกิดการแบ่งหน้า
outline ขอบเขตแบบย่อของ outline-width, outline-style และ outline-color
outline-color ตั้งค่าสีของเส้นเขตรอบ
outline-offset กำหนดการเลื่อนเส้นเขตรอบและวาดมันนอกขอบเขตของเส้นเขตรอบ
outline-style ตั้งค่ารูปแบบของเส้นเขตรอบ
outline-width ตั้งค่าความกว้างของเส้นเขตรอบ
overflow กำหนดว่าจะเกิดอะไรขึ้น หากเนื้อหาไหลทางนอกจากกล่องขององค์ประกอบ
overflow-anchor กำหนดว่าจะดึงเนื้อหาที่มีอยู่ในพื้นที่ที่มองเห็นลงไปหรือไม่ เมื่อมีการโหลดเนื้อหาใหม่ในกล่องที่สามารถเลื่อนได้
overflow-wrap กำหนดว่าโปรแกรมนี้จะแบ่งทางในช่องซับคำหรือไม่ เมื่อมีคำยาวที่ไหลทางนอกจากกล่องที่มีขอบเขตของมัน
overflow-wrap กำหนดว่าโปรแกรมนี้จะแบ่งทางในช่องซับคำหรือไม่ หากตัวอักษรที่ยาวเกินไปและไม่สามารถรองรับโดยกล่องที่มีขอบเขตของมัน
overflow-x กำหนดว่าจะตัดขอบของเนื้อหาที่ซ้ายหรือขวาหรือไม่ หากมันไหลทางนอกจากโซนเนื้อหาขององค์ประกอบ
overflow-y กำหนดว่าจะตัดขอบของเนื้อหาที่ขึ้นหรือลงหรือไม่ หากมันไหลทางนอกจากโซนเนื้อหาขององค์ประกอบ
overscroll-behavior กำหนดว่าจะมีเลนด์ไรต์หรือกระทบทางเกินที่เลนด์แบบ x และ y หรือไม่
overscroll-behavior-block กำหนดว่าจะมีเลนด์ไรต์หรือกระทบทางเกินที่เลนด์แบบ block หรือไม่
overscroll-behavior-inline กำหนดว่าจะมีเลนด์ไรต์หรือกระทบทางเกินที่เลนด์แบบ inline หรือไม่
overscroll-behavior-x กำหนดว่าจะมีเลนด์ไรต์หรือกระทบทางเกินที่เลนด์แบบ x หรือไม่
overscroll-behavior-y กำหนดว่าจะมีเลนด์ไรต์หรือกระทบทางเกินที่เลนด์แบบ y หรือไม่

P

padding ขอบเขตแบบย่อของคุณแนว padding-* ทั้งหมด
padding-block กำหนดระยะทางขององค์ประกอบที่ทิศทางแนวตั้ง
padding-block-end กำหนดระยะทางขององค์ประกอบที่สิ้นสุดของทิศทางแนวตั้ง
padding-block-start กำหนดระยะทางขององค์ประกอบที่เริ่มต้นของทิศทางแนวตั้ง
padding-bottom กำหนดระยะทางด้านล่างขององค์ประกอบ
padding-inline กำหนดระยะทางขององค์ประกอบที่ทิศทางแนวตรง
padding-inline-end กำหนดระยะทางขององค์ประกอบที่สิ้นสุดของทิศทางแนวตรง
padding-inline-start กำหนดระยะทางขององค์ประกอบที่เริ่มต้นของทิศทางแนวตรง
padding-left กำหนดระยะทางด้านซ้ายขององค์ประกอบ
padding-right กำหนดระยะทางด้านขวาขององค์ประกอบ
padding-top กำหนดระยะทางด้านบนขององค์ประกอบ
@page กำหนดขนาด、ทิศทางและขอบเขตของหน้าพิมพ์ที่พิมพ์
page-break-after กำหนดการแบ่งหน้า (page-break) หลังองค์ประกอบ
page-break-before กำหนดการแบ่งหน้า (page-break) ก่อนองค์ประกอบ
page-break-inside กำหนดการแบ่งหน้า (page-break) ภายในองค์ประกอบ
paint-order กำหนดลำดับการวาดภาพขององค์ประกอบ SVG หรือข้อความ
perspective ให้องค์ประกอบที่มีการตั้งตำแหน่ง 3D มีมุมมอง
perspective-origin กำหนดตำแหน่งที่ผู้ใช้จะมองเห็นองค์ประกอบที่มีการตั้งตำแหน่ง 3D
place-content กำหนดค่าขององค์ประกอบ align-content และ justify-content ในการจัดระเบียบ flexbox และกริด
place-items กำหนดค่าขององค์ประกอบ align-items และ justify-items ในการจัดระเบียบกริด
place-self กำหนดค่าขององค์ประกอบ align-self และ justify-self ในการจัดระเบียบกริด
pointer-events กำหนดว่าองค์ประกอบจะตอบสนองต่อเหตุการณ์ที่มีความเกี่ยวข้องกับลูกศอกหรือไม่
position กำหนดชนิดของวิธีการตั้งตำแหน่งที่ใช้สำหรับองค์ประกอบ (static, relative, absolute หรือ fixed)
@property กำหนดคุณสมบัติ CSS ที่กำหนดล่วงหน้าในตารางสไตล์โดยไม่ต้องปฏิบัติการ JavaScript

Q

quotes กำหนดประเภทของออกาศ

R

resize กำหนดว่าผู้ใช้ควรและจะปรับขนาดขององค์ประกอบ
right กำหนดตำแหน่งด้านขวาขององค์ประกอบที่มีการตั้งตำแหน่ง
rotate กำหนดการหมุนองค์ประกอบ
row-gap กำหนดช่องว่างระหว่างช่องบวกของแนวตั้ง

S

scale กำหนดขนาดขององค์ประกอบด้วยการขยายหรือย่อเล็กลง
@scope อนุญาตให้คุณเลือกองค์ประกอบ DOM ที่เฉพาะๆ ในต้นไม้ DOM และจัดตั้งตำแหน่งองค์ประกอบโดยเฉพาะๆ โดยไม่จำเป็นต้องเขียนเลือกองค์ประกอบที่เฉพาะๆเกินไป
scroll-behavior กำหนดว่าควรเลื่อนตามทิศทางเพื่อให้ลื่นเงียบๆ หรือลื่นตรงไปตรงมา
scroll-margin ระยะห่างของตำแหน่งที่ยึดติดตัวกับกล่อง
scroll-margin-block ระยะห่างด้านตำแหน่งที่ยึดติดตัวกับกล่องแบบแนวตาราง
scroll-margin-block-end ระยะห่างด้านจบของตำแหน่งที่ยึดติดตัวกับกล่องแบบแนวตาราง
scroll-margin-block-start ระยะห่างด้านเริ่มต้นของตำแหน่งที่ยึดติดตัวกับกล่องแบบแนวตาราง
scroll-margin-bottom ระยะห่างด้านล่างของตำแหน่งที่ยึดติดตัวกับกล่อง
scroll-margin-inline ระยะห่างด้านตำแหน่งที่ยึดติดตัวกับกล่องแบบแนวตรง
scroll-margin-inline-end ระยะห่างด้านจบของตำแหน่งที่ยึดติดตัวกับกล่องแบบแนวตรง
scroll-margin-inline-start ระยะห่างด้านเริ่มต้นของตำแหน่งที่ยึดติดตัวกับกล่องแบบแนวตรง
scroll-margin-left ระยะห่างด้านซ้ายของตำแหน่งที่ยึดติดตัวกับกล่อง
scroll-margin-right ระยะห่างด้านขวาของตำแหน่งที่ยึดติดตัวกับกล่อง
scroll-margin-top ระยะห่างด้านบนของตำแหน่งที่ยึดติดตัวกับกล่อง
scroll-padding ระยะห่างของกล่องที่ยึดติดตัว
scroll-padding-block ระยะห่างด้านจบของกล่องที่ยึดติดตัวต่อทิศทางแบบแนวตาราง
scroll-padding-block-end ระยะห่างด้านจบของกล่องที่จบของทิศทางแบบแนวตารางและยึดติดตัว
scroll-padding-block-start ระยะห่างด้านเริ่มต้นของกล่องที่เริ่มต้นของทิศทางแบบแนวตารางและยึดติดตัว
scroll-padding-bottom ระยะห่างด้านล่างของกล่องที่ยึดติดตัว
scroll-padding-inline ระยะห่างด้านจบของกล่องที่ยึดติดตัวต่อทิศทางแบบแนวตรง
scroll-padding-inline-end ระยะห่างด้านจบของกล่องที่เริ่มต้นของทิศทางแบบแนวตรงและยึดติดตัว
scroll-padding-inline-start ระยะห่างด้านซ้ายของกล่องที่เริ่มต้นของทิศทางแบบแนวตรงและยึดติดตัวมีความยาว
scroll-padding-left กำหนดระยะห่างที่มีผลของระยะห่างจากด้านซ้ายของตัวเคลืองที่อยู่ภายในตัวเคลือง (scroll-padding-left)。
scroll-padding-right กำหนดระยะห่างที่มีผลของระยะห่างจากด้านขวาของตัวเคลืองที่อยู่ภายในตัวเคลือง (scroll-padding-right)。
scroll-padding-top กำหนดระยะห่างที่มีผลของระยะห่างจากด้านบนของตัวเคลืองที่อยู่ภายในตัวเคลือง (scroll-padding-top)。
scroll-snap-align กำหนดตำแหน่งขององค์ประกอบหลังจากการหยุดลง (scroll-snap-align)。
scroll-snap-stop กำหนดพฤติกรรมที่มีผลของการเลื่อนหน้าหลังจากการเลื่อนทางเทคโนโลยีสัมผัส (scroll-snap-stop)。
scroll-snap-type กำหนดพฤติกรรมที่ที่มีผลของการหยุดลงเมื่อเลื่อนหน้า (scroll-snap-type)。
scrollbar-color กำหนดสีของตราสำหรับบาร์และหน้าต่างและโปรยลงใช้ตราของหน้าต่างหลัง (scrollbar-color)。
shape-outside กำหนดรูปแบบที่รอบของเนื้อหาแนวราบ (inline content)。
@starting-style กำหนดรูปแบบเริ่มต้นขององค์ประกอบหลังจากการปรับปรุงรูปแบบที่แรก。
@supports ใช้เพื่อทดสอบว่าเบราเซอร์สนับสนุนคุณสมบัติ CSS บางอย่างหรือไม่。

T

tab-size กำหนดความกว้างของตารางของตัวย่อมาตัวต่อไป (tab-size)。
table-layout กำหนดระบบการตัดสินการจัดลำดับของฝายแบบตาราง (table-layout) สำหรับเคลื่อนไหวในแถวและคอลัมน์。
text-align กำหนดวิธีการจัดลำดับของข้อความน้ำตาล。
text-align-last บรรยายว่าเมื่อ text-align มีค่า "justify" แล้ว จะเคลืองบล็อคหรือบรรยายหลังสุดของบรรยาย ก่อนที่จะมีการเปลี่ยนบรรยายลงใหม่。
text-combine-upright เรียกโมดูลอักษรหลักเข้ามาเป็นอักษรเดียวในช่องว่างของมัน。
text-decoration กำหนดการออกแบบรูปแบบของข้อความ。
text-decoration-color กำหนดสีของเส้นการออกแบบรูปแบบ (text-decoration)。
text-decoration-line กำหนดรูปแบบของเส้นการออกแบบรูปแบบ (text-decoration)。
text-decoration-style กำหนดรูปแบบของเส้นการออกแบบรูปแบบ (text-decoration)。
text-decoration-thickness กำหนดความหนาของเส้นการเคลืองของการออกแบบรูปแบบ (text-decoration)。
text-emphasis

ลูกความเกี่ยวข้องของคุณสมบัติที่มีความย่อยาย:
text-emphasis-color กำหนดสีของสัญลักษณ์เน้น。
text-emphasis-position กำหนดตำแหน่งของสัญลักษณ์เน้น。
text-emphasis-style กำหนดรูปแบบของสัญลักษณ์เน้น。
text-indent กำหนดระยะห่างของบรรยายแรกของบล็อคข้อความ (text-block)。
text-justify กำหนดวิธีการจัดลำดับของ text-align ในกรณีที่ text-align มีค่า "justify"。
text-orientation กำหนดการที่จะเปลี่ยนแปลงของตำแหน่งของอักษรในแถวหนึ่ง。
text-overflow กำหนดการที่จะเกิดขึ้นเมื่อข้อความมีการบรรจุล้มเหลวในองค์ประกอบที่มีของเหล่านั้น。
text-shadow เพิ่มเงาของข้อความ。
text-transform ควบคุมการใช้ให้ข้อความเป็นหลักภาษาหรือไม่。
text-underline-offset กำหนดระยะทางของการเพิ่มสีประกอบของข้อความที่มีภาพลักษณ์ของเขียนข้อความที่มีลายฝังลงข้างล่าง。
text-underline-position กำหนดตำแหน่งของการเพิ่มสีประกอบของข้อความที่มีภาพลักษณ์ของเขียนข้อความที่มีลายฝังลงข้างล่าง。
top กำหนดตำแหน่งสูงขององค์ประกอบที่มีตำแหน่งที่กำหนด。
transform ใช้ 2D หรือ 3D การเปลี่ยนแปลงบนองค์ประกอบ。
transform-origin อนุญาตให้คุณเปลี่ยนแปลงตำแหน่งขององค์ประกอบที่มีการเปลี่ยนแปลง。
transform-style กำหนดวิธีการแสดงองค์ประกอบที่ลงในปริมาณที่เป็นรูปทรงสามมิติ。
transition 属性ที่ย่อทั้งหมดของ transition-*
transition-delay กำหนดว่าจะเริ่มเปลี่ยนแปลงโดยเหตุผลทางทางเคลื่อนไหวอย่างไร。
transition-duration กำหนดจำนวนวินาทีหรือมิลลิวินาทีที่จำเป็นต่อการเสร็จเปลี่ยนแปลงโดยเหตุผลทางทางเคลื่อนไหว。
transition-property กำหนดชื่อของ CSS 属性 ที่เกี่ยวข้องกับเปลี่ยนแปลงโดยเหตุผลทางทางเคลื่อนไหว。
transition-timing-function กำหนดโค้งทางของการเปลี่ยนแปลงโดยเหตุผลทางทางเคลื่อนไหว。
translate กำหนดตำแหน่งขององค์ประกอบ。

U

unicode-bidi ใช้ร่วมกับคุณสมบัติ direction ตั้งค่าหรือกลับรับว่าควรเขียนเนื้อหาเพื่อสนับสนุนหลายภาษาในเอกสารเดียวกันหรือไม่。
user-select กำหนดว่าจะสามารถเลือกข้อความขององค์ประกอบได้หรือไม่。

V

vertical-align ตั้งค่าวิธีการจัดตั้งตำแหน่งตั้งซ้อนขององค์ประกอบ。
visibility กำหนดว่าองค์ประกอบจะเห็นได้หรือไม่。

W

white-space กำหนดว่าจะจัดการกับอักษรวรรคที่ว่างในองค์ประกอบอย่างไร。
widows ตั้งค่าจำนวนบรรยายที่ต้องปกป้องที่ดินสูงสุดของหัวเพจหรือคอลัมน์。
widows ตั้งค่าจำนวนบรรยายที่ต้องปกป้องที่ดินสูงสุดของหน้าในกรณีที่มีการบรรจุหน้าในองค์ประกอบ。
width ตั้งค่าความกว้างขององค์ประกอบ。
word-break กำหนดว่าเมื่อคำศัพท์ถึงท้ายบรรยายแล้วจะเปลี่ยนบรรยายไปอีกแถวหนึ่งได้อย่างไร。
word-spacing เพิ่มหรือลดช่องว่างระหว่างคำศัพท์ในข้อความ。
word-wrap อนุญาตให้คำศัพท์ที่ยาวและไม่สามารถบรรจุได้บนแถวที่เดินทางมาอีกแถวหนึ่ง。
writing-mode กำหนดว่าบรรยายของข้อความจะเป็นการจัดเรียงรายแบบนอร์มัลหรือตั้งแบบตายตลอด。

Z

z-index ตั้งค่าลำดับที่เก็บเอกสารที่มีตำแหน่งที่กำหนด。
zoom ตัวปรับมาตัวเองของตัวแทนสัญลักษณ์ที่กำหนด。องค์ประกอบสามารถขยายและลดขนาดได้。