คู่มืออ้างอิง 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 กำหนดว่าองค์ประกอบที่กำหนดควรมีการแบ่งหน้ากว้างหรือแบ่งคอลัมน์หรือแบ่งพื้นที่หลังจากนี้
break-before กำหนดว่าองค์ประกอบที่กำหนดควรมีการแบ่งหน้ากว้างหรือแบ่งคอลัมน์หรือแบ่งพื้นที่ก่อนหน้านี้
break-inside กำหนดว่าองค์ประกอบที่กำหนดควรมีการแบ่งหน้ากว้างหรือแบ่งคอลัมน์หรือแบ่งพื้นที่

C

caption-side กำหนดวิธีที่จะจัดตั้งฉัตรหัวข้อของตาราง
caret-color กำหนดสีของตะขอที่ใช้ใน input, textarea หรือองค์ประกอบที่สามารถแก้ไขได้
@charset กำหนดรหัสการเข้ารหัสของตัวอักษรที่ใช้ในสไตล์ตาราง
clear กำหนดว่าองค์ประกอบไม่อนุญาตให้เคลื่อนไหวเหนือด้านใดขององค์ประกอบ
clip ตัดความเรียบร้อยสำหรับองค์ประกอบที่มีการตั้งตำแหน่งที่แน่นอน。
clip-path ตัดองค์ประกอบเป็นรูปร่างพื้นฐานหรือแหล่ง SVG
color ตั้งค่าสีของข้อความ
color-scheme นำทางให้สำหรับการแสดงสีที่ใช้ในระบบปฏิบัติการ
column-count กำหนดจำนวนคอลัมน์ที่องค์ประกอบควรแบ่ง
column-fill กำหนดวิธีการกรอบคอลัมน์ (แบบ balanced)
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 กำหนดว่าควรทำประโยชน์จาก item ที่มี flexibility หรือไม่
float กำหนดว่าควรทำประโยชน์จาก box หรือไม่
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 ควบคุมการใช้ข้อมูลปรับเปลี่ยนระยะทางของตัวอักษร (space between letters)
font-language-override ควบคุมการใช้แบบอักษรสำหรับภาษาเฉพาะที่ใช้ในตัวอักษร
@font-palette-values อนุญาตให้ครับสามารถกำหนดค่าเริ่มต้นของปาเลตตัวอักษร
font-size กำหนดขนาดของตัวอักษรของข้อความ
font-size-adjust รักษาความอ่านได้ของตัวอักษรในกรณีที่มีการกลับไปใช้ตัวอักษร
font-stretch เลือกตัวอักษรที่ปกติ หรือบรรยาย หรือขยายจากตัวอักษรในตัวอักษร
font-style กำหนดรูปแบบของตัวอักษร
font-synthesis ควบคุมว่าควรใช้ตัวอักษรที่ขาดหรือไม่ของแบบอักษร (เหลืองหรือหลัง) ที่สามารถสร้างโดยเบราเซอร์
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 กำหนดว่ามีเลื่อนลงหรือกระทบเกินทางด้านบล็อค
overscroll-behavior-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 ที่เป็นไปได้ และจัดตั้งตำแหน่งองค์ประกอบอย่างเหมาะสมโดยไม่จำเป็นต้องใช้ตัวเลือกเล็กน้อย
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-right กำหนดระยะทางระหว่างด้านขวาของตัวจัดเก็บจนถึงตำแหน่งที่ดึงของลูกในตัวจัดเก็บ。
scroll-padding-top กำหนดระยะทางระหว่างด้านบนของตัวจัดเก็บจนถึงตำแหน่งที่ดึงของลูกในตัวจัดเก็บ。
scroll-snap-align กำหนดตำแหน่งขององค์ประกอบเมื่อผู้ใช้หยุดเคลื่อนที่。
scroll-snap-stop กำหนดพฤติกรรมของการเคลื่อนที่หลังจากที่มีการเคลื่อนที่รวดเร็วบนแผงหรือหน้าจอสัมผัส。
scroll-snap-type กำหนดพฤติกรรมของการดึงท้ายเมื่อมีการเคลื่อนที่ลูกมือหรือลูกโทรศัพท์สัมผัส。
scrollbar-color กำหนดสีของลูกขนานหมุนหรือลูกขนานโต้นขององค์ประกอบ。
shape-outside กำหนดรูปแบบของการที่องค์ประกอบรอบล้อมเนื้อหาภายใน。
@starting-style กำหนดรูปแบบขององค์ประกอบที่ใช้ก่อนที่จะมีการปรับแต่งสไตล์ขององค์ประกอบ。
@supports ใช้เพื่อทดสอบว่าเบราวเซอร์สนับสนุนคุณสมบัติ CSS บางอย่างหรือไม่。

T

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

รายการที่เป็นชื่อย่อของคุณสมบัติต่างๆ ดังนี้:
text-emphasis-color กำหนดสีของการเน้นข้อความ。
text-emphasis-position กำหนดตำแหน่งของการเน้นข้อความ。
text-emphasis-style กำหนดรูปแบบของการเน้นข้อความ。
text-indent กำหนดการเรียงข้อความหลังจากบรรทัดแรกของบล็อคข้อความ (text-block)。
text-justify กำหนดวิธีการจัดลำดับของข้อความเมื่อ 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 ตัวปรับกว่าขององค์ประกอบเฉพาะรายละเอียดนี้ องค์ประกอบสามารถขยายตัวและลดตัวได้