دليل مرجعي 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 تحديد موقع البداية للصورة الخلفية.
موقع صورة الخلفية تحديد موقع صورة الخلفية.
موقع صورة الخلفية في المحور x تحديد موقع صورة الخلفية في المحور x.
موقع صورة الخلفية في المحور y تحديد موقع صورة الخلفية في المحور y.
تكرار صورة الخلفية إعداد تكرار صورة الخلفية.
حجم صورة الخلفية تحديد حجم صورة الخلفية.
حجم البلوك تحديد حجم العنصر في الاتجاه البلوكي.
border الخصائص القصيرة لـ border-width،border-style،و border-color.
border-block

الخصائص القصيرة للإشارة التالية:
لون الحد البلوكي إعداد لون الحد البلوكي البداية والنهاية.
border-block-end

الخصائص القصيرة للإشارة التالية:
لون الحد البلوكي النهاية إعداد لون الحد البلوكي النهاية.
نمط الحد البلوكي النهاية إعداد نمط الحد البلوكي النهاية.
عرض الحد البلوكي النهاية إعداد عرض الحد البلوكي النهاية.
border-block-start

الخصائص القصيرة للإشارة التالية:
لون الحد البلوكي البداية إعداد لون الحد البلوكي البداية.
نمط الحد البلوكي البداية إعداد نمط الحد البلوكي البداية.
عرض الحد البلوكي البداية إعداد عرض الحد البلوكي البداية.
نمط الحدود البلوكي إعداد نمط الحدود البلوكي البداية والنهاية.
عرض الحدود البلوكي إعداد عرض الحدود البلوكي البداية والنهاية.
border-bottom الخصائص القصيرة لـ border-bottom-width،border-bottom-style،و border-bottom-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-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 تحديد كيفية تعبئة الأعمدة (هل sheared).
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 تحديد ما إذا كان يجب أن يُقطع العنصر المروحي.
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 التحكم في استخدام معلومات التعديل البيني (التشابك بين الأحرف).
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-inline-start تحديد الهوامش الخارجية في بداية الاتجاه السطر.
margin-left تعيين الهوامش الخارجية اليسرى للعنصر.
margin-right تعيين الهوامش الخارجية اليمنى للعنصر.
margin-top تعيين الهوامش الخارجية العلوية للعنصر.
marker الإشارة إلى العلامة التي سيتم رسمها على جميع نقاط الزوايا (الأولى، الوسطى والأخيرة) في مسار العنصر.
marker-end الإشارة إلى العلامة التي سيتم رسمها على النقطة الزاوية الأخيرة في مسار العنصر.
marker-mid الإشارة إلى العلامة التي سيتم رسمها على جميع نقاط الزوايا الوسطى في مسار العنصر.
marker-start

الخصائص القصيرة للإشارة التالية:
الإشارة إلى العلامة التي سيتم رسمها على أول نقطة زاوية في مسار العنصر. mask
mask-clip تحديد المنطقة المتأثرة بصورة الغطاء.
mask-composite تحديد عملية المزج المستخدمة بين الغطاء الحالي والغطاء الذي يقع تحت الغطاء الحالي.
mask-image تحديد الصورة المستخدمة كغطاء للعنصر.
mask-mode تحديد ما إذا كانت صورة الغطاء تعالج كغطاء إضاءة أو كغطاء ألفا.
mask-origin تحديد الموقع الأصلي للصورة الغطاء (عن طريق منطقة موقف الغطاء).
mask-position تعيين موقع صورة الغطاء (عن طريق منطقة موقف الغطاء).
mask-repeat تحديد طريقة تكرار صورة الغطاء.
mask-size تحديد حجم صورة الغطاء. mask-type
يتم معالجة العنصر كغطاء إضاءة أو كغطاء ألفا. max-height
تعيين الأنسب لارتفاع العنصر. max-width
تعيين الأنسب لعرض العنصر. @media
تعيين قواعد النمط للأنواع المختلفة من الوسائط، الأجهزة، الأحجام. تعيين الأنسب للمقاس في اتجاه الكتلة.
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 تحديد ما إذا كان هناك رابط تمرير أو تأثير تمرير زائد في الاتجاه الأفقي والعمودي.
overscroll-behavior-block تحديد ما إذا كان هناك رابط تمرير أو تأثير تمرير زائد في الاتجاه العمودي.
overscroll-behavior-inline تحديد ما إذا كان هناك رابط تمرير أو تأثير تمرير زائد في الاتجاه الداخلي.
overscroll-behavior-x تحديد ما إذا كان هناك رابط تمرير أو تأثير تمرير زائد في الاتجاه الأفقي.
overscroll-behavior-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 توفير وجهة الرؤية للعنصر المحدد في التركيز الثلاثي الأبعاد.
perspective-origin تحديد موقف المستخدم لرؤية العنصر المحدد في التركيز الثلاثي الأبعاد.
place-content تحديد قيم الخاصيتين align-content و justify-content في ترتيب الشبكة و flexbox.
place-items تحديد قيم الخاصيتين align-items و justify-items في ترتيب الشبكة.
place-self تحديد قيم الخاصيتين align-self و justify-self في ترتيب الشبكة.
pointer-events تحديد ما إذا كان العنصر يتفاعل مع أحداث الإشارة.
position تحديد نوع طريقة التركيز المستخدمة للعنصر (ثابت، نسبي، مطلق أو ثابت).
@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 يحدد عرض الحالة.
table-layout يحدد الخوارزمية المستخدمة لتحديد التخطيط للخلايا، السطور والعمود.
text-align يحدد طريقة التسوية المستخدمة للنص.
text-align-last يصف كيفية التسوية للسطر الأخير للبلك أو السطر عند استخدام text-align "justify" قبل الإجبار على النسخ.
text-combine-upright يضيف عدة أحرف إلى مساحة حرف واحد.
text-decoration يحدد الزينة (text-decoration).
text-decoration-color يحدد لون الزينة (text-decoration).
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-origin إباحة تغيير موقع العنصر المعاد تشكيله.
transform-style تحديد كيفية ترجمة العناصر المدمجة في الفضاء الثلاثي الأبعاد.
transition خصائص اختصار جميع transition-*.
transition-delay تحديد كيفية بدء التأثير الإنتقالي.
transition-duration تحديد الوقت المطلوب لإنجاز التأثير الإنتقالي بالثواني أو الميليسي ثانية.
transition-property تحديد اسم الخاصية الخاصة بالتأثير الإنتقالي.
transition-timing-function تحديد سريعة التأثيرات الإنتقالية.
ترجمه تحديد موقع العنصر.

U

unicode-bidi استخدامها مع خاصية direction لتحديد أو العودة إلى ما إذا كان يجب استبدال النص لدعم لغات متعددة داخل نفس المستند.
user-select تحديد ما إذا كان يمكن اختيار نص العنصر أم لا.

V

vertical-align إعداد الطريقة العمودية للعنصر.
visibility تحديد ما إذا كان العنصر مرئيًا أم لا.

W

white-space تحديد كيفية معالجة الرموز المتبقية في العنصر.
widows تحديد عدد الأعمدة التي يجب أن تبقى في أعلى الصفحة أو العنصر.
widows تحديد عدد الأعمدة التي يجب أن تبقى في أعلى الصفحة عند حدوث صفحة جديدة داخل العنصر.
عرض إعداد عرض العنصر.
word-break تحديد كيفية تحويل الكلمة إلى السطر التالي عند وصولها إلى نهاية السطر.
word-spacing زيادة أو تقليل مسافة الكلمات في النص.
word-wrap إباحة نقل الكلمات الطويلة التي لا يمكن قطعها إلى السطر التالي.
طريقة كتابة النص تحديد كيفية ترتيب سطر النص أفقيًا أو عموديًا.

Z

مقياس z-index إعداد ترتيب الت堆积 للمكونات الموجودة في الموقع.
تكبير مقياس التكبير للمكون. يمكن تكبير وتكبير العنصر.