---
url: 'https://dxpr.com/ar/hc/documentation/learn-dxpr-builder/element-settings/style-tab'
title: 'علامة تبويب النمط | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T09:39:23+00:00'
updated: '2026-10-23T14:31:17+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
tags:
  - 'Style your elements'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-23T14:31:17+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'علامة تبويب النمط'
      description: ''
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2023-11-06T09:39:23+0000'
      dateModified: '2026-10-23T14:31:17+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/ar/hc/documentation/learn-dxpr-builder/element-settings/style-tab'
      articleSection: 'Style your elements'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ar/hc/documentation/learn-dxpr-builder/element-settings/style-tab'
      description: ''
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: الرئيسية
            item: 'https://dxpr.com/ar'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ar
---
[Help Center](/ar/hc)/[Documentation](/ar/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Style your elements](/hc/documentation/learn-dxpr-builder/element-settings) # علامة تبويب النمط.

 Learn DXPR BuilderBuild pagesStyle your elements

   ## In this guide

 Related guides

- [Background](/hc/documentation/learn-dxpr-builder/element-settings/background)

 استخدم علامة تبويب النمط لتخصيص العناصر وتصميمها على صفحة ويب Drupal الخاصة بك. تعد علامة تبويب النمط أداة قوية تتيح لك إنشاء تصميمات جميلة دون كتابة أي تعليمات برمجية.

 اتبع الخطوات أدناه لبدء تنفيذ الأنماط على العنصر الخاص بك:

1. انقر على أيقونة **+**
2. انتقل إلى علامة **التبويب المحتوى**
3. حدد عنصرا
4. انتقل إلى علامة التبويب **النمط**

###  الطباعة

1. قم بتعيين لون **للخط** الذي يتم إدراجه في العنصر
2. اضبط حجم الخط في **حجم الخط**

###  خلفية

1. حدد ما إذا كنت تريد **صورة** أو **لونًا** **لخلفية** العنصر
2. قم بتعيين خيار **لنمط الخلفية**

    - يقوم **الغلاف** بتحجيم الصورة بأكبر حجم ممكن
    - **تحتوي** على مقاييس الصورة لإظهار الصورة بأكملها
    - **تكرار تتكرر صورة الخلفية أفقيا
    - **لا تكرار** لا تتكرر صورة الخلفية
3. حدد خيارًا من إعدادات **موضع الخلفية**

###  تأثيرات بصرية

1. تعيين **لون الحدود**
2. حدد خيارًا من إعدادات **Border Style**
3. قم بتعيين حواف مستديرة للعنصر في **Border Radius**
4. اضبط الشفافية على العنصر الموجود في **العتامة**
5. قم بتعيين **Drop Shadow** وهذا سيعطي العنصر ظلًا
6. بمجرد تحديد الإعدادات المفضلة لديك، يمكنك النقر فوق **"حفظ التغييرات"** وبذلك تكون قد انتهيت!

 يمكن أيضًا إعادة إنتاج هذه الخطوات في علامة **التبويب Hover Style** الخاصة بالعنصر.