دليل مراجعة CSS

خصائص CSS

A

accent-color تحديد لون التأكيد للواجهة المستخدم.
align-content تحديد طريقة التشذيب بين السطور داخل صندوق التمدد، عندما لا تستخدم العناصر كل المساحة المتاحة.
align-items تحديد طريقة التشذيب للعناصر داخل صندوق التمدد.
align-self تحديد طريقة التشذيب للعناصر المختارة داخل صندوق التمدد.
all إعادة تعيين جميع الخصائص (باستثناء unicode-bidi و direction).
animation مSUMMARY لجميع خصائص 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 مSUMMARY لجميع خصائص background-*.
background-attachment تحديد ما إذا كانت صورة الخلفية تتحرك مع بقية الصفحة أم أنها ثابتة.
background-blend-mode تحديد نمط مزج كل طبقة خلفية (اللون/الصورة).
background-clip تحديد المسافة التي يجب أن تتمدد فيها الخلفية (اللون أو الصورة) داخل العنصر.
background-color تحديد لون الخلفية للعنصر.
background-image تحديد رسم خلفية واحدة أو أكثر للعنصر.
background-origin تحديد موقع البداية للصورة الخلفية.
position-image-fond Définir la position de l'image de fond.
position-image-fond-axe-x Spécifier la position de l'image de fond sur l'axe x.
position-image-fond-axe-y Spécifier la position de l'image de fond sur l'axe y.
répétition-image-fond Définir si et comment l'image de fond est répétée.
taille-image-fond Définir la taille de l'image de fond.
taille-direction-bloc Spécifier la taille de l'élément dans la direction du bloc.
border Propriété abrégée de border-width, border-style et border-color.
border-block

الخصائص القصيرة للعديد من الخصائص التالية:
couleur-de-bordure-direction-bloc Définir la couleur de la bordure de début et de fin dans la direction du bloc.
border-block-end

الخصائص القصيرة للعديد من الخصائص التالية:
couleur-de-bordure-fin-direction-bloc Définir la couleur de la bordure de fin dans la direction du bloc.
style-de-bordure-fin-direction-bloc Définir le style de la bordure de fin dans la direction du bloc.
largeur-de-bordure-fin-direction-bloc Définir la largeur de la bordure de fin dans la direction du bloc.
border-block-start

الخصائص القصيرة للعديد من الخصائص التالية:
couleur-de-bordure-debut-direction-bloc Définir la couleur de la bordure de début dans la direction du bloc.
style-de-bordure-debut-direction-bloc Définir le style de la bordure de début dans la direction du bloc.
largeur-de-bordure-debut-direction-bloc Définir la largeur de la bordure de début dans la direction du bloc.
style-de-bordure-direction-bloc Définir le style de la bordure de début et de fin dans la direction du bloc.
largeur-de-bordure-direction-bloc Définir la largeur de la bordure de début et de fin dans la direction du bloc.
border-bottom Propriété abrégée de border-bottom-width, border-bottom-style et border-bottom-color.
couleur-de-bordure-inférieure Définir la couleur de la bordure inférieure.
radius-inférieur-gauche Définir le radius de l'angle inférieur gauche de la bordure.
radius-inférieur-droit Définir le radius de l'angle inférieur droit de la bordure.
style-de-bordure-inférieure Définir le style de la bordure inférieure.
largeur-de-bordure-inférieure Définir la largeur de la bordure inférieure.
repliement-de-bordure Définir si la bordure du tableau est repliée en une seule bordure ou séparée.
color-de-ligne لون_جميع_الجوانب
إعداد_لون_جميع_الجوانب محيط_الجذر_النهاية_والنهاية
إعداد_محيط_الجذر_النهاية_والنهاية_للعنصر_الكتل محيط_الجذر_النهاية_والبدء
إعداد_محيط_الجذر_النهاية_والبدء_للعنصر_الكتل صورة_الجنب
الخصائص_الاختصارية_لجميع_الخصائص_صورة_الجنب-* نسيج_الخارجي_للصورة_الجنب
تحديد_كمية_النسيج_الخارجي_للصورة_الجنب تكرار_صورة_الجنب
تحديد_كيفية_تكرار_الصورة_الجنب_أو_الشكل_الدائري_أو_التمدد قطع_صورة_الجنب
تحديد_كيفية_قطع_صورة_الجنب مصدر_صورة_الجنب
تحديد_مسار_الصورة_للجنب عرض_صورة_الجنب
تحديد_عرض_صورة_الجنب

الخصائص القصيرة للعديد من الخصائص التالية:
الجنب_البدائي_والنهاية_على_طول_الخط إعداد_لون_الجنب_البدائي_والنهاية_على_طول_الخط
الجنب_النهاية_على_طول_الخط

الخصائص القصيرة للعديد من الخصائص التالية:
لون_الجنب_النهاية_على_طول_الخط إعداد_لون_الجنب_النهاية_على_طول_الخط
نمط_الجنب_النهاية_على_طول_الخط إعداد_نمط_الجنب_النهاية_على_طول_الخط
عرض_الجنب_النهاية_على_طول_الخط إعداد_عرض_الجنب_النهاية_على_طول_الخط
الجنب_البدائي_النهاية_على_طول_الخط

الخصائص القصيرة للعديد من الخصائص التالية:
لون_الجنب_البدائي_النهاية_على_طول_الخط إعداد_لون_الجنب_البدائي_النهاية_على_طول_الخط
نمط_الجنب_البدائي_النهاية_على_طول_الخط إعداد_نمط_الجنب_البدائي_النهاية_على_طول_الخط
عرض_الجنب_البدائي_النهاية_على_طول_الخط إعداد_عرض_الجنب_البدائي_النهاية_على_طول_الخط
نمط_الجنب_البدائي_والنهاية_على_طول_الخط إعداد_نمط_الجنب_البدائي_والنهاية_على_طول_الخط
عرض_الجنب_البدائي_والنهاية_على_طول_الخط إعداد_عرض_الجنب_البدائي_والنهاية_على_طول_الخط
الجنب_اليسرى الخصائص_الاختصارية_لجميع_الخصائص_الجنب_اليسرى-*
لون_الجنب_اليسرى إعداد_لون_الجنب_اليسرى
نمط_الجنب_اليسرى إعداد_نمط_الجنب_اليسرى
عرض_الجنب_اليسرى إعداد_عرض_الجنب_اليسرى
الجذر_الجنب الخصائص_الاختصارية_لجميع_الخصائص_الجنب-*-radius
الجنب_اليمين الخصائص_الاختصارية_لجميع_الخصائص_الجنب_اليمين-*
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 تحديد ما إذا كان يجب على العنصر المرن أن يتحول إلى صف.
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-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 تعيين SVG يحدد ما إذا كان العنصر يتم معالجته كظل إضاءة أو كظل ألفا.
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 يحدد المساحة المخصصة للمساحة المسموح بها في الجدول.

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 توفير زاوية الرؤية للعنصر الموضع في ثلاثة أبعاد.
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-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 تطبيق تحويل ثنائي الأبعاد أو ثلاثي الأبعاد على العنصر.
transform-origin إمكانية تغيير موقع العنصر المحول.
transform-style تحديد كيفية تصيير العناصر المدمجة في الفضاء الثلاثي الأبعاد.
transition الخصائص القصيرة لجميع الخاصيات transition-*.
transition-delay تحديد كيفية بدء تأثير التحويل.
transition-duration تحديد عدد الثواني أو الأجزاء من الثانية التي تستغرقها عملية التحويل.
transition-property تحديد اسم الخاصية الخاصة بتأثير التحويل.
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 مقياس التكبير أو الت縮غير للمكون. يمكن لتكبير وت縮غير العناصر.