فئات الحاويات
| صف مدرسي | يعرف | |
|---|---|---|
| W3-الحاويات | حاوية للمحتوى HTML (يضيف 16px الحشو اليسار واليمين) | جربها |
| استخدامها مع طبقات اللون | جربها | |
| تستخدم رأس | جربها | |
| تستخدم تذييل | جربها | |
| تستخدم مع W3-leftbar | جربها | |
| تستخدم مع W3-bottombar | جربها | |
| W3-القسم | حاوية للمحتوى HTML (ويضيف العلوي 16px الهامش والقاع) | جربها |
| W3-شارة | شارة دائرية 8 | جربها |
| W3-العلامة | العلامة مستطيلة أكثر في وقت لاحق! | جربها |
| W3 المجاهدين | قائمة غير مرتبة | جربها |
| W3-عرض حاوية | حاوية لفئات W3-عرض- (المركز عنصرا في أعلى اليسار، أعلى اليمين، أسفل اليسار أو أسفل الزاوية اليمنى، أو في وسط الحاوية) | جربها |
| W3-صورة | إهمال. استخدام W3-عرض حاوية بدلا من ذلك. | جربها |
| W3-BLOCKQUOTE | إزالة في 2.0 (استخدام W3-leftbar بدلا من ذلك) | جربها |
| W3-كود | حاوية كود | جربها |
| W3-التقدم حاوية | شريط التقدم الحاويات | جربها |
فئات الجدول
| صف مدرسي | يعرف | |
|---|---|---|
| W3 الجدول | حاوية للجدول HTML | جربها |
| W3-مخطط | الجدول المخطط | جربها |
| W3-الحدود | الجدول يحدها | جربها |
| W3-يحدها | خطوط يحدها | جربها |
| W3 محورها | الجدول تركزت | جربها |
| W3-hoverable | الجدول Hoverable | جربها |
| W3 الجدول للجميع | تعيين كافة الخصائص | جربها |
| مع مخطط W3، W3-الحدود، وW3-يحدها | جربها | |
| مع رئيس الملونة | جربها | |
| مع W3-مسؤولة | جربها | |
| مع W3-صغيرة | جربها | |
| مع W3-صغيرة | جربها | |
| مع W3-كبير | جربها | |
| مع W3-كسلارغي | جربها | |
| مع W3-xxlarge | جربها | |
| مع W3-xxxlarge | جربها | |
| مع اللون | جربها | |
| مع W3-جامبو | جربها |
فئات بطاقة
| صف مدرسي | يعرف | |
|---|---|---|
| W3-بطاقة | حاوية عن أي محتوى HTML (مع الحدود) | جربها |
| W3-بطاقة-2 | حاوية عن أي محتوى HTML (2px الظل يحدها) | جربها |
| W3-بطاقة-4 | حاوية عن أي محتوى HTML (4PX الظل يحدها) | جربها |
| W3-بطاقة-8 | حاوية عن أي محتوى HTML (8px الظل يحدها) | جربها |
| W3-بطاقة-12 | حاوية عن أي محتوى HTML (12px تحدها الظل) | جربها |
| W3-بطاقة-16 | حاوية عن أي محتوى HTML (16px تحدها الظل) | جربها |
| W3-بطاقة-24 | حاوية عن أي محتوى HTML (24px تحدها الظل) | جربها |
فئات تستجيب
| صف مدرسي | يعرف | |
|---|---|---|
| W3 الصف | حاوية للصف واحد من المحتويات استجابة السوائل | جربها |
| W3-صف الحشو | الصف حيث يكون كل الأعمدة الحشو الافتراضي | جربها |
| W3-المحتوى | حاوية للمحتوى ثابت حجم تركزت | جربها |
| W3-نصف | نصف حاوية العمود (1/2) الشاشة | جربها |
| ثالثا-W3 | الثالثة حاوية العمود (1/3) الشاشة | جربها |
| W3-twothird | الثلثين حاوية العمود (2/3) الشاشة | جربها |
| ربع W3 | الربع حاوية العمود (1/4) الشاشة | جربها |
| W3-threequarter | ثلاثة أرباع الحاويات العمود (3/4) الشاشة | جربها |
| W3-كولونيل | حاوية العمود عن أي محتوى HTML | جربها |
| L1 - L12 | أحجام استجابة لشاشات كبيرة | جربها |
| M1 - M12 | أحجام استجابة لشاشات المتوسطة | جربها |
| S1 - S12 | أحجام استجابة للشاشات الصغيرة | جربها |
| W3-إخفاء صغيرة | إخفاء المحتوى على الشاشات الصغيرة (أقل من 601px) | جربها |
| W3 إخفاء المتوسطة | إخفاء المحتوى على الشاشات المتوسطة | جربها |
| W3-مخبأ كبير | إخفاء المحتوى على الشاشات الكبيرة (أكبر من 992px) | جربها |
فئات الملاحة
| صف مدرسي | يعرف | |
|---|---|---|
| W3-نافبار | شريط التنقل | جربها |
| شريط التنقل للطي | جربها | |
| W3-topnav | شريط التنقل العلوي | جربها |
| W3-sidenav | شريط التنقل الموجود على الجانب | جربها |
| شريط التنقل الموجود على الجانب تتراكب المحتوى الرئيسي | جربها | |
| شريط التنقل الموجود على الجانب تتراكب كل المحتوى الرئيسي | جربها | |
| شريط التنقل الموجود على الجانب تحويل المحتوى الرئيسي إلى اليمين | جربها | |
| شريط التنقل الموجود على الجانب مع خلفية تراكب | جربها | |
| W3-انهيار | التلقائي بالكامل التنقل الموجود على الجانب متجاوبة | جربها |
| W3-dropnav | الملاحة القائمة المنسدلة | جربها |
| W3-المنسدلة انقر | عنصر القائمة المنسدلة للنقر | جربها |
| W3-المنسدلة-تحوم | عنصر القائمة المنسدلة Hoverable | جربها |
| عنصر القائمة المنسدلة Hoverable (المستخدمة في W3-الناف بار) | جربها | |
| عنصر القائمة المنسدلة Hoverable (المستخدمة في W3-sidenav) | جربها | |
| عنصر القائمة المنسدلة Hoverable (المستخدمة في W3-topnav) | جربها | |
| W3-الأكورديون | إخفاء وإظهار المحتوى للطي | جربها |
| الأكورديون نقر والمنسدلة المستخدمة في W3-sidenav | جربها | |
| W3-ترقيم الصفحات | الروابط ترقيم الصفحات | جربها |
فئات زر
| صف مدرسي | يعرف | |
|---|---|---|
| W3-BTN | زر HTML مستطيلة | جربها |
| زر HTML مستطيلة مع تأثير مضاعف | جربها | |
| BTN-W3-العائمة | زر عائم دائري | جربها |
| زر عائم دائري مع تأثير مضاعف | جربها | |
| BTN-W3-مجموعة | أزرار مجمعة | جربها |
| BTN-W3-كتلة | أزرار العرض الكامل (100٪) | جربها |
فئات المدخلات
| صف مدرسي | يعرف | |
|---|---|---|
| W3-شكل | نفس W3-الحشو | جربها |
| شكل مدخلات كورقة | جربها | |
| W3-المدخلات | عناصر الإدخال | جربها |
| عناصر الإدخال (أعلى العلامات) | جربها | |
| عناصر الإدخال (تسميات أسفل) | جربها | |
| W3-مجموعة | مجموعة من عناصر HTML | جربها |
| W3-التسمية | تسمية المدخلات | جربها |
| W3-التحقق من صحة | يؤكد الإدخال (يتغير لونها عند إدخال غير صالح) | جربها |
| W3-الاختيار | مربع نوع المدخلات | جربها |
| W3-الراديو | راديو نوع المدخلات | جربها |
| W3-حدد | إدخال حدد العنصر | جربها |
| W3-الأرواح المدخلات | ينعش عرض مدخلا إلى 100٪ | جربها |
فئات مشروط
| صف مدرسي | يعرف | |
|---|---|---|
| W3-مشروط | حاوية مشروط | جربها |
| W3 الوسائط المحتوى | عنصر المنبثقة مشروط | جربها |
| W3-تلميح الأدوات | عنصر تلميح الأدوات | جربها |
| W3-النص | نص تلميحات الأدوات | جربها |
| مضمنة تلميح الأدوات | جربها |
فئات الرسوم المتحركة
| صف مدرسي | يعرف | |
|---|---|---|
| W3-الأرواح أعلى | ينعش عنصر من -300px أعلى إلى 0px | جربها |
| غادر W3-الأرواح، | ينعش عنصر من -300px اليسار إلى 0px | جربها |
| W3-الأرواح القاع | ينعش عنصر من -300px أسفل إلى 0px | جربها |
| W3-الأرواح اليمين | ينعش عنصر من -300px الحق في 0px | جربها |
| W3-تحريك-التعتيم | ينعش التعتيم على العنصر 0-1 | جربها |
| W3-الأرواح التكبير | ينعش عنصرا من 0 إلى 100٪ في حجم | جربها |
| يتلاشى W3-الأرواح، | ينعش التعتيم على العنصر 0-1 و1-0 (يتلاشى داخل وخارج) | جربها |
| W3-تدور | تدور رمز 360 درجة | جربها |
| تدور أي عنصر 360 درجة | جربها | |
| W3-الأرواح المدخلات | يدور العرض من حقل الإدخال إلى 100٪ | جربها |
فئات فائدة
| صف مدرسي | يعرف | |
|---|---|---|
| W3-صغيرة | يحدد حجم الخط من 10 بكسل | جربها |
| W3-صغيرة | يحدد حجم الخط من 12 بكسل | جربها |
| W3-كبير | يحدد حجم الخط من 20 بكسل | جربها |
| W3-كسلارغي | يحدد حجم الخط من 24 بكسل | جربها |
| W3-xxlarge | يحدد حجم الخط من 32 بكسل | جربها |
| W3-xxxlarge | يحدد حجم الخط من 48 بكسل | جربها |
| W3-جامبو | يحدد حجم الخط من 64 بكسل | جربها |
| W3 النحافة | يحدد النص أقل حجما | جربها |
| على نطاق W3 | يحدد النص أوسع | جربها |
| W3-العمودي | يحدد النص العمودي | جربها |
| W3-العلوي | محتوى ثابت على رأس الصفحة | جربها |
| W3-مركز | محتوى تركزت | جربها |
| W3-دائرة | محتوى دائري | جربها |
| W3 إخفاء | محتوى مخفي (عرض: لا شيء) | جربها |
| W3-عرض | مشاهدة المحتوى (عرض: كتلة) | جربها |
| W3-عرض كتلة | الاسم المستعار W3-عرض (عرض: كتلة) | جربها |
| W3-عرض-مضمنة كتلة | مشاهدة المحتوى كما مضمنة كتلة (عرض: مضمن كتلة) | جربها |
| W3-إخفاء صغيرة | إخفاء المحتوى على الشاشات الصغيرة (أقل من 601px) | جربها |
| W3 إخفاء المتوسطة | إخفاء المحتوى على الشاشات المتوسطة | جربها |
| W3-مخبأ كبير | إخفاء المحتوى على الشاشات الكبيرة (أكبر من 992px) | جربها |
| W3-اليسار | المحتوى المعدل اليسار | جربها |
| W3-الحق | المحتوى المعدل الصحيح | جربها |
| W3-اليسار محاذاة | النص باتجاه اليسار | جربها |
| W3-اليمين محاذاة | النص باتجاه اليمين | جربها |
| W3-تبرير | اليمين واليسار النص الانحياز | جربها |
| W3-عرض حاوية | حاوية لفئات-W3 عرض- (الموقف: النسبية) | جربها |
| W3-عرض-topleft | محتوى الموقع في أعلى الزاوية اليسرى | جربها |
| W3-عرض-topright | المحتوى موقف في الزاوية اليمنى العليا | جربها |
| W3-عرض-bottomleft | محتوى الموقع في أسفل الزاوية اليسرى | جربها |
| W3-عرض-bottomright | المحتوى موقف في الزاوية اليمنى السفلى | جربها |
| W3-عرض في منتصف | المحتوى موقف في الوسط (أفقيا ورأسيا) | جربها |
| W3-عرض-topmiddle | محتوى الموقع في منتصف في الجزء العلوي من عنصر | جربها |
| W3-عرض-bottommiddle | محتوى الموقع في منتصف أسفل العنصر | جربها |
| W3-الرقيق | تغيير الخط إلى شريف | جربها |
| W3-التعتيم | ويضيف التعتيم على النص | جربها |
| ويضيف التعتيم على أي عنصر | جربها | |
| W3-تراكب | يخلق تأثير تراكب | جربها |
| W3-نص الظل | ويضيف الظلال إلى نص | جربها |
فئات اللون
| صف مدرسي | يعرف | |
|---|---|---|
| W3-الحمراء | لون الخلفية الحمراء | جربها |
| W3-الوردي | خلفية لونه وردي | جربها |
| W3-الأرجواني | لون الخلفية الأرجواني | جربها |
| W3-عمق اللون الارجواني | لون الخلفية العميقة الأرجواني | جربها |
| W3-النيلي | لون الخلفية النيلي | جربها |
| W3-الأزرق | لون الخلفية الزرقاء | جربها |
| W3-الضوء الأزرق | خلفية ضوء اللون الأزرق | جربها |
| W3-السماوي | سماوي لون الخلفية | جربها |
| W3-المائية | لون الخلفية المائية | جربها |
| W3-البط البري | لون الخلفية البط البري | جربها |
| W3-الأخضر | لون الخلفية الخضراء | جربها |
| W3-الضوء الأخضر | خلفية ضوء اللون الأخضر | جربها |
| W3-الجير | لون الخلفية الجير | جربها |
| W3-الرمال | خلفية لون الرمال | جربها |
| W3-الكاكي | لون الخلفية الكاكي | جربها |
| W3-الأصفر | لون الخلفية الصفراء | جربها |
| W3-العنبر | لون الخلفية العنبر | جربها |
| W3-البرتقال | خلفية اللون البرتقالي | جربها |
| W3-عميق البرتقالي | لون الخلفية البرتقالي العميق | جربها |
| W3-الأزرق الرمادي | لون الخلفية الرمادي الأزرق | جربها |
| W3-البني | لون الخلفية البني | جربها |
| W3-الضوء الرمادي | خلفية ضوء اللون الرمادي | جربها |
| W3-الرمادي | لون الخلفية الرمادي | جربها |
| W3-رمادي غامق | لون الخلفية الرمادي الداكن | جربها |
| W3-أسود | لون الخلفية السوداء | جربها |
| W3-شاحب اللون الأحمر | لون الخلفية أحمر شاحب | جربها |
| W3-اللون الأصفر الباهت، | لون الخلفية اللون الأصفر الشاحب | جربها |
| W3-شاحب اللون الأخضر | لون الخلفية باللون الأخضر | جربها |
| W3-شاحب اللون الأزرق | لون الخلفية أزرق شاحب | جربها |
| W3-شفاف | خلفية شفافة اللون |
فئات تحوم
ويمكن أيضا أن كل الألوان فوق استخدامها كصفوف تحوم:
| صف مدرسي | يعرف | |
|---|---|---|
| W3-تحوم البيض | تحوم اللون الأبيض | جربها |
| W3-تحوم السوداء | تحوم اللون الأسود | جربها |
| W3-تحوم الحمراء | تحوم اللون الأحمر | جربها |
| W3-تحوم الأزرق | تحوم اللون الأزرق | جربها |
| W3-تحوم الخضراء | تحوم اللون الأخضر | جربها |
| W3-تحوم أكوا | تحوم أكوا اللون | جربها |
| W3-تحوم البرتقالي | تحوم اللون البرتقالي | جربها |
| W3-تحوم الرمادي | تحوم اللون الرمادي | جربها |
| W3-تحوم-شاحب اللون الأخضر | اللون تحوم باللون الأخضر | جربها |
| W3-تحوم النص الحمراء | تحوم النص اللون الأحمر | جربها |
| W3-تحوم النص الحمراء | تحوم النص اللون الأزرق | جربها |
| W3-تحوم النص الخضراء | تحوم النص اللون الأخضر | جربها |
| W3-تحوم النص الأرجواني | لون النص تحوم الأرجواني | جربها |
| W3-تحوم-border- اللون | لون الحدود تحوم | جربها |
| W3-تحوم-التعتيم | ويضيف الشفافية لعنصر على التحويم (60٪ التعتيم) | جربها |
| W3-تحوم الظل | ويضيف الظل لعنصر على التحويم | جربها |
| W3-تحوم لا شيء | يزيل آثار تحوم من عنصر | جربها |
فئات الجولة
| صف مدرسي | يعرف | |
|---|---|---|
| W3-الجولة | تقريب عنصر (الحدود بين نصف القطر) 4PX | جربها |
| W3-جولة صغيرة | تقريب عنصر (الحدود بين نصف القطر) 2px | جربها |
| W3-جولة متوسطة | تقريب عنصر (الحدود بين نصف القطر) 4PX | جربها |
| W3-جولة كبيرة | تقريب عنصر (الحدود بين نصف القطر) 8px | جربها |
| W3-جولة-كسلارغي | عنصر تقريب (الحدود بين نصف القطر) 16px | جربها |
| W3-جولة-xxlarge | عنصر تقريب (الحدود بين نصف القطر) 32px | جربها |
| W3-جولة-جامبو | عنصر تقريب (الحدود بين نصف القطر) 64px | جربها |
فئات الحشو
| صف مدرسي | يعرف | |
|---|---|---|
| W3-الحشو-0 | إزالة كافة الحشو من عنصر | جربها |
| W3-الحشو | الحشو 8px أعلى وأسفل، و16px اليسار واليمين. | جربها |
| W3-الحشو-صغيرة | الحشو 2px أعلى وأسفل، و4PX الأيمن والأيسر. | جربها |
| W3-الحشو-صغيرة | الحشو 4PX أعلى وأسفل، و8px الأيمن والأيسر. | جربها |
| W3-الحشو المتوسطة | الحشو 8px أعلى وأسفل، و16px اليسار واليمين. | جربها |
| W3-الحشو واسع | الحشو 12px العلوي والسفلي، و24px اليسار واليمين. | جربها |
| W3-الحشو-كسلارغي | الحشو 16px العلوي والسفلي، و32px اليسار واليمين. | جربها |
| W3-الحشو-xxlarge | الحشو 24px العلوي والسفلي، و48px اليسار واليمين. | جربها |
| W3-الحشو-جامبو | الحشو 32px العلوي والسفلي، و64px اليسار واليمين. | جربها |
| W3-الحشو أعلى | الحشو أعلى 8px | جربها |
| W3-الحشو اليمين | الحشو 16px الصحيح | جربها |
| W3-الحشو القاع | الحشو أسفل 8px | جربها |
| غادر W3-الحشو، | الحشو 16px اليسار | جربها |
| W3-الحشو-هور-4 | الحشو 4PX أعلى وأسفل | جربها |
| W3-الحشو-هور-8 | الحشو 8px أعلى وأسفل | جربها |
| W3-الحشو-هور-12 | الحشو 12px العلوي والسفلي | جربها |
| W3-الحشو-هور-16 | الحشو 16px العلوي والسفلي | جربها |
| W3-الحشو-هور-24 | الحشو 24px العلوي والسفلي | جربها |
| W3-الحشو-هور-32 | الحشو 32px العلوي والسفلي | جربها |
| W3-الحشو-هور-48 | الحشو 48px العلوي والسفلي | جربها |
| W3-الحشو-هور-64 | الحشو 64px العلوي والسفلي | جربها |
| W3-الحشو-هور-128 | الحشو 128px أعلى وأسفل | جربها |
| W3-الحشو-VER-4 | الحشو 4PX اليسار واليمين. | جربها |
| W3-الحشو-VER-8 | الحشو 8px اليسار واليمين. | جربها |
| W3-الحشو-VER-16 | الحشو 16px اليسار واليمين. | جربها |
| W3-الحشو-VER-24 | الحشو 24px اليسار واليمين. | جربها |
| W3-الحشو-VER-32 | الحشو 32px اليسار واليمين. | جربها |
| W3-الحشو-VER-48 | الحشو 48px اليسار واليمين. | جربها |
| W3-الحشو-VER-64 | الحشو 64px اليسار واليمين. | جربها |
فئات هامش
| صف مدرسي | يعرف | |
|---|---|---|
| W3-الهامش 0 | يزيل كل هوامش من عنصر | جربها |
| W3-الهامش | هامش 16px | جربها |
| W3-هامش قمة | هامش قمة 16px | جربها |
| W3-الهامش الأيمن | هامش الحق 16px | جربها |
| W3-هامش القاع | هامش أسفل 16px | جربها |
| غادر W3-الهامش | هامش 16px اليسار | جربها |
فئات الحدود
| صف مدرسي | يعرف | |
|---|---|---|
| W3-الحدود | الحدود (أعلى، يمين، أسفل، يسار) | جربها |
| W3-الحدود بين كبار | أعلى الحدود | جربها |
| W3-الحدود اليمنى | حق الحدود | جربها |
| W3-الحدود القاع | أسفل الحدود | جربها |
| غادر W3-الحدود | غادر الحدود | جربها |
| W3-الحدود-0 | يزيل كل الحدود | جربها |
| لون W3 border- | يعرض أي حدود محددة في لون معين (مثل الأحمر، وغيرها) | جربها |
| W3-bottombar | يضيف الحد السفلي سميكة (بار) لعنصر | جربها |
| W3-leftbar | يضيف الحد الأيسر سميكة (بار) لعنصر | جربها |
| W3-rightbar | يضيف الحد الأيمن سميكة (بار) لعنصر | جربها |
| W3-topbar | يضيف الحد العلوي سميكة (بار) لعنصر | جربها |
| W3-تحوم-border- اللون | لون الحدود Hoverable | جربها |