# CSS

## 🌈 تخصيص CSS

يتيح لك تخصيص CSS إطلاق الإمكانات الكاملة لمحرك نماذج ngSurvey وتخصيص كل جزء من نماذجك باستخدام [فئات CSS](https://docs.ngsurvey.com/ar/form-management/style-branding/style-editor/css/css-classes). إذا كانت هذه هي المرة الأولى التي تسمع فيها عن CSS يمكنك متابعة هذا [الدليل](https://www.htmldog.com/guides/css/beginner/) لتعلّم المزيد عن CSS وكيفية عمله.

##  ➕ إضافة CSS

يمكنك إضافة تعريفات فئات CSS الخاصة بك باستخدام شاشة إدخال CSS. 

سيتم حقن جميع الشفرات التي تدخلها وتحفظها في مربع إدخال CSS بواسطة ngSurvey أثناء وقت التشغيل لتنسيق استبيانك وفقًا لتعريفات CSS الخاصة بك.

![](https://848173432-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcm_S6ONhbWIJfvXyg%2F-MBctjFytCkewBehvnsz%2Fimage.png?alt=media\&token=749cada2-0cbc-4a96-b476-db5574ff508e)

{% hint style="info" %}
تمتلك تعريفات CSS أولوية قصوى وستتجاوز أي فئة نمط تم تعريفها سابقًا. 
{% endhint %}

تعرض القائمة المنسدلة للفئات المتاحة فئات CSS التي لم تُستخدم بعد في الشيفرة المخصصة. يمكنك مراجعة [قائمة فئات CSS](https://docs.ngsurvey.com/ar/form-management/style-branding/style-editor/css/css-classes) للحصول على نظرة عامة على الفئات المختلفة التي يمكنك استخدامها لتحديد أنماطك. 

![](https://848173432-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcm_S6ONhbWIJfvXyg%2F-MBcz1e0IvCDOs_xNGbA%2Fimage.png?alt=media\&token=ff29252e-9393-47d5-aa39-97391a157c50)

## 📐 فئات CSS المخصصة

يمكنك أيضًا استخدام تعريف فئة CSS خاص بك وسيتم تطبيقه على سؤالك أو إجاباتك. إذا أنشأت فئة تُسمى myclass.

![](https://848173432-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcm_S6ONhbWIJfvXyg%2F-MBd-CRYhU216TBe-ffh%2Fimage.png?alt=media\&token=24be4ec0-4938-4529-b107-45fa3180d011)

يمكنك تعيين هذه الفئة على أي من السؤال أو إجابات خياراتك عن طريق ضبط خاصية CSS class على [سؤال](https://docs.ngsurvey.com/ar/form-management/form-designer/questions/question-properties) أو [صفحة](https://docs.ngsurvey.com/ar/form-management/form-designer/answers/answer-properties) خصائص الإجابة.

![](https://848173432-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M8fLhS0bmfBRyq0HdUm%2F-MBcm_S6ONhbWIJfvXyg%2F-MBd-fGpB0C8TQcJNNts%2Fimage.png?alt=media\&token=5210cb05-307d-4942-8c40-ef16a83d41b1)