لغة ورقة الأنماط

لغة أنماط العرض ، أو لغة التنسيق ، هي لغة حاسوبية تُستخدم للتعبير عن طريقة عرض المستندات المهيكلة . ومن أبرز مزايا هذه المستندات إمكانية إعادة استخدام محتواها في سياقات متعددة وعرضه بطرق متنوعة. ويمكن ربط أنماط عرض مختلفة بالبنية المنطقية لإنتاج عروض مختلفة.

إحدى لغات أنماط الصفحات الحديثة واسعة الانتشار هي Cascading Style Sheets (CSS)، والتي تستخدم لتنسيق المستندات المكتوبة بلغات HTML و XHTML و SVG و XUL ولغات الترميز الأخرى .

لعرض المحتوى في المستندات المنظمة، يجب تطبيق مجموعة من القواعد الأسلوبية التي تصف، على سبيل المثال، الألوان والخطوط والتنسيق. تُسمى مجموعة القواعد الأسلوبية "ورقة الأسلوب". ولأوراق الأسلوب، في شكل مستندات مكتوبة، تاريخ طويل من الاستخدام من قبل المحررين ومصممي الطباعة لضمان اتساق العرض والإملاء وعلامات الترقيم. أما في النشر الإلكتروني، فتُستخدم لغات أوراق الأسلوب في الغالب في سياق العرض المرئي أكثر من استخدامها في سياق الإملاء وعلامات الترقيم.

توفر جميع لغات أنماط CSS وظائف في هذه المجالات:

بناء الجملة

تحتاج لغة تنسيق الأنماط إلى بنية نحوية لكي تُكتب بطريقة قابلة للقراءة آليًا. على سبيل المثال، إليك نموذجًا بسيطًا لتنسيق الأنماط مكتوبًا ببنية CSS النحوية:

h1 { حجم الخط : 1.5 em }

وهذا يعني أنه يجب عرض العناوين في المستوى 1 بحجم خط يساوي 1.5 ضعف حجم خط النص المحيط.

محددات

تُحدد المُحدِّدات العناصر التي ستتأثر بقاعدة النمط. وبذلك، تُعدّ المُحدِّدات حلقة الوصل بين بنية المستند وقواعد النمط في أوراق الأنماط. في المثال أعلاه، يُحدِّد مُحدِّد "h1" جميع عناصر h1. أما المُحدِّدات الأكثر تعقيدًا، فيمكنها تحديد العناصر بناءً على عوامل مثل سياقها وخصائصها ومحتواها.

ملكيات

تتضمن جميع لغات تنسيق CSS مفهومًا للخصائص التي يمكن إعطاؤها قيمًا لتغيير جانب من جوانب عرض عنصر ما. تُستخدم خاصية "font-size" في CSS في المثال أعلاه. تحتوي لغات تنسيق CSS الشائعة عادةً على حوالي 50 خاصية لوصف طريقة عرض المستندات.

القيم والوحدات

تُغيّر الخصائص طريقة عرض العنصر بتعيين قيمة مُحددة له. قد تكون القيمة سلسلة نصية، أو كلمة مفتاحية، أو رقمًا، أو رقمًا مُرتبطًا بوحدة قياس. كما يُمكن أن تكون القيم قوائم أو تعابير تتضمن عدة قيم مما سبق. القيمة النموذجية في ورقة الأنماط المرئية هي الطول؛ على سبيل المثال، "1.5em" التي تتكون من رقم (1.5) ووحدة قياس (em). تُشير قيمة "em" في CSS إلى حجم خط النص المُحيط. تحتوي لغات أوراق الأنماط الشائعة على حوالي عشر وحدات قياس مُختلفة.

آلية نشر القيمة

لتجنب الحاجة إلى تحديد جميع القيم لجميع الخصائص في جميع العناصر بشكل صريح، توفر لغات أنماط CSS آليات لنشر القيم تلقائيًا. وتتمثل الفائدة الرئيسية لنشر القيم في تقليل حجم صفحات الأنماط. في المثال أعلاه، تم تحديد حجم الخط فقط؛ وسيتم العثور على القيم الأخرى من خلال آليات نشر القيم. ومن أمثلة هذه الآليات: الوراثة، والقيم الأولية، والتتالي.

نموذج التنسيق

تدعم جميع لغات تنسيق الصفحات نوعًا من نماذج التنسيق. تحتوي معظم لغات تنسيق الصفحات على نموذج تنسيق مرئي يصف، بتفصيلٍ ما، كيفية عرض النصوص والمحتويات الأخرى في الشكل النهائي. على سبيل المثال، يحدد نموذج تنسيق CSS أن عناصر مستوى الكتلة (مثل "h1") تمتد لتملأ عرض العنصر الأب. كما تحتوي بعض لغات تنسيق الصفحات على نموذج تنسيق صوتي. ^{[ 1 ]}