ما هو مربع التحجيم: ترث وما هو عليه ل?

في كس ، تحدد خاصية تحجيم المربع كيفية حساب إجمالي العرض والارتفاع لعنصر ما ، بما في ذلك الحدود والهوامش. تسمح لك قيمة الوراثة بترث قيمة هذه الخاصية من العنصر الأصل.

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

باستخدام مربع التحجيم: وراثة عند تصميم موقع على شبكة الانترنت يمكن أن تكون مفيدة عندما كنت في حاجة للحفاظ على التوحيد في أنماط العنصر. على سبيل المثال ، إذا تم تعيين العنصر الأصل إلى مربع التحجيم: مربع الحدود ، ثم جميع العناصر الفرعية مع مربع القيمة المحددة-التحجيم: سيتم أيضا حساب الوراثة مع مراعاة الحدود ، مما سيخلق مظهرا أكثر قابلية للتنبؤ واتساقا للعناصر الموجودة في الترميز.

من المهم أن نتذكر أن مربع التحجيم: ورثت قيمة وراثة فقط من العنصر الأصل ، وليس من الأجداد في شجرة الويب. ضع في اعتبارك أيضا أن حجم المربع: يمكن تجاوز قيمة الوراثة لعنصر معين إذا تمت إضافة الأنماط المناسبة.

1. مربع التحجيم: وراثة-الملكية المغلق
2. وراثة الممتلكات وقيمة الميراث
3. الغرض من خاصية تحجيم الصندوق
4. كيف تعمل قيمة الوراثة
5. لماذا تحتاج إلى استخدام مربع التحجيم: وراثة
6. أمثلة على استخدام خاصية تحجيم الصندوق: وراثة
7. سؤال وجواب
8. لماذا أحتاج مربع التحجيم: يرث?
9. كيف مربع التحجيم: وراثة العمل الملكية?
10. هل من الممكن استخدام مربع التحجيم: ترث لتغيير نوع نموذج حجم?
11. ما هو مربع التحجيم: ترث وكيفية استخدامها?
12. كيف يمكنني استخدام مربع التحجيم: وراثة الممتلكات في المغلق?
13. كخاصية تحجيم مربع: يمكن أن ترث مساعدتك في تطوير مواقع الويب?

مربع التحجيم: وراثة-الملكية المغلق

من العنصر الأصلي.

يحدد كيفية حساب حجم العنصر ، بما في ذلك حدوده وهوامشه:

1. صندوق المحتوى: القيمة الافتراضية ، حيث يتم تحديد عرض العنصر وارتفاعه للمحتوى فقط ، وليس بما في ذلك الحدود والهوامش.
2. مربع الحشو: يتضمن حجم العنصر المحتوى والهوامش الداخلية.
3. مربع الحدود: يتضمن حجم العنصر المحتوى والهوامش الداخلية والحدود.

.

مفيد بشكل خاص عند تطوير مواقع الويب باستخدام أطر كس ، عندما تحتاج إلى ضمان سلوك ثابت للعناصر داخل الحاويات.

. وبالتالي ، سيتم حساب حجم العناصر مع مراعاة الحدود والهوامش.

بالنسبة لعنصر معين ، يمكنك ببساطة إضافة قيمة أخرى إليه دون التأثير على العناصر الأصلية.

من والديهم ، وتوفير سلوك ثابت والتحجيم أكثر مرونة من عناصر صفحة ويب.

وراثة الممتلكات وقيمة الميراث

أوراق الأنماط المتتالية (كس) لديه مفهوم الميراث الملكية ، والذي يسمح خصائص معينة لتكون موروثة من العناصر الأم. هذا يعني أنه إذا كان العنصر الأصل يحتوي على مجموعة قيمة خاصية ، فسيتم تطبيق هذه القيمة تلقائيا على عناصرها الفرعية ، إذا لم يكن لها قيمة خاصة بها.

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

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

مثال على الخاصية التي ترث افتراضيا هو لون النص. إذا كان الأصل لديه مجموعة قيمة لهذه الخاصية ، ثم العناصر الفرعية سيكون لها نفس لون النص ، ما لم ينص على خلاف ذلك.

بالنسبة لبعض الخصائص ، لا يعمل الميراث تلقائيا وتحتاج إلى تعيين قيمة الوراثة بشكل صريح حتى يتم توريث الخاصية. واحدة من هذه الخصائص هي تحجيم الصندوق.

تحدد خاصية تحجيم الصندوق كيفية حساب أبعاد العنصر ، بما في ذلك عرض العنصر وارتفاعه ، بالإضافة إلى الحدود والهوامش. تتيح لك قيمة الوراثة لخاصية تحجيم المربع وراثة هذا الإعداد من العنصر الأصل ، والذي يمكن أن يكون مفيدا عند إنشاء مكونات معقدة حيث يلزم وجود نموذج حجم عنصر ثابت.

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

الغرض من خاصية تحجيم الصندوق

تحدد خاصية التحجيم المربع في كس كيفية حساب العرض والارتفاع الإجمالي للعنصر ، بما في ذلك الحدود والهوامش الداخلية.

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

ومع ذلك ، عند استخدام قيمة مربع الحدود ، سيتم تضمين الحدود والهوامش الداخلية للعنصر في عرضه وارتفاعه الإجمالي. وبالتالي ، لن يؤثر تغيير حجم الحدود والهوامش على حجم العنصر.

تعني قيمة وراثة خاصية تحجيم المربع أن العنصر يرث قيمة الخاصية من الأصل. هذا يعني أنه إذا كان العنصر الأصل يحتوي على مربع محتوى القيمة أو مربع الحدود ، فإن عناصره الفرعية سيكون لها نفس قيمة خاصية تحجيم المربع.

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

كيف تعمل قيمة الوراثة

يتم استخدام قيمة الوراثة لوراثة خصائص العنصر الأصل للكتلة. عندما يتم تحديد الخاصية مربع التحجيم مع وراثة القيمة ، يتم توريث نمط العنصر من العنصر الأصل.

هذا يعني أن العنصر سيكون له نفس نمط عنصر الكتلة الأصلي. إذا كان العنصر الأصل للكتلة يحتوي على مربع القيمة-التحجيم: مربع الحدود ، فسيكون للعنصر الفرعي هذه القيمة أيضا.

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

مثال:

• العنصر الأصل من كتلة مع مربع التحجيم: مربع الحدود

في هذا المثال ، إذا كان عرض العنصر الأصل للكتلة 500 بكسل ، فسيكون عرض جميع العناصر الفرعية للكتلة أيضا 500 بكسل. ومع ذلك ، إذا تغير حجم العنصر الأصل للكتلة ، فإن جميع العناصر الفرعية للكتلة ستغير حجمها أيضا.

لماذا تحتاج إلى استخدام مربع التحجيم: وراثة

خاصية تحجيم الصندوق: وراثة في المغلق يسمح لك أن ترث نوع نموذج مربع التحجيم من العنصر الأصل. هذه خاصية مفيدة يمكن استخدامها للتحكم في حجم العناصر ووضعها على صفحة الويب بطريقة أكثر مرونة ويمكن التنبؤ بها.

عند تعيين قيمة مربع التحجيم: وراثة لعنصر ، فإنه يرث الخاصية مربع التحجيم من العنصر الأصل. يتيح لك ذلك تعيين أبعاد وهوامش عنصر ما بالنسبة لمحتوياته ، بما في ذلك الحدود والهوامش.

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

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

أمثلة على استخدام خاصية تحجيم الصندوق: وراثة

مربع التحجيم: خاصية وراثة يسمح لك وراثة قيمة الخاصية مربع التحجيم من العنصر الأصل. يمكن أن يكون هذا مفيدا إذا كنت تريد تعيين نفس قيمة خاصية تحجيم المربع لجميع العناصر الفرعية.

В примере ниже представлен список с несколькими пунктами, каждый из которых имеет свойство box-sizing: inherit:

• Lorem ipsum dolor sit amet, consectetur adipiscing elit.
• Duis tristique velit vitae nulla lobortis, ut cursus purus pharetra.
• Vestibulum ac erat vitae quam tincidunt varius.
• Maecenas dictum quam id metus dignissim, vel eleifend purus sollicitudin.

نتيجة لذلك ، سيرث كل عنصر في القائمة قيمة خاصية تحجيم المربع من العنصر الأصل.

مثال آخر على استخدام مربع التحجيم: وراثة الملكية يمكن أن يكون الجدول. عند تطبيق هذه الخاصية على خلايا الجدول ، سترث كل خلية قيمة تحجيم المربع من الجدول الأصل:

وبالتالي ، سيكون لجميع الخلايا في الجدول نفس قيمة خاصية تحجيم المربع الموروثة من الجدول.

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

سؤال وجواب

لماذا أحتاج مربع التحجيم: يرث?

تحجيم المربع: تسمح خاصية الوراثة لعنصر ما بوراثة قيمة خاصية تحجيم المربع من العنصر الأصلي. يتيح لك ذلك ضبط السلوك القياسي للعناصر الفرعية وضمان أبعاد موحدة وترتيب العناصر داخل الحاوية.

كيف مربع التحجيم: وراثة العمل الملكية?

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

هل من الممكن استخدام مربع التحجيم: ترث لتغيير نوع نموذج حجم?

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

ما هو مربع التحجيم: ترث وكيفية استخدامها?

خاصية تحجيم الصندوق: وراثة يسمح لك وراثة قيمة الخاصية مربع التحجيم من العنصر الأصل. لتطبيقه ، يجب تعيين قيمة الوراثة لخاصية تحجيم المربع لعنصر معين. وبالتالي ، سيرث العنصر نوع نموذج الحجم من الأصل ويكرر سلوكه.

كيف يمكنني استخدام الخاصية مربع التحجيم?: ترث في المغلق?

لاستخدام مربع التحجيم: خاصية وراثة في كس ، تحتاج إلى تطبيقه على عنصر معين عن طريق تعيين قيمة وراثة لخاصية مربع التحجيم. وبالتالي ، سيرث العنصر نوع نموذج الحجم (مربع المحتوى أو مربع الحدود) من العنصر الأصلي.

كيف يمكن للمربع التحجيم: وراثة مساعدة الملكية مع تطوير الموقع?

تحجيم الصندوق: تعتبر خاصية الوراثة مفيدة عند تطوير مواقع الويب ، لأنها تتيح لك ضمان التوحيد في حجم وموقع العناصر داخل الحاوية. يسمح لك بتعيين السلوك القياسي للعناصر الفرعية عن طريق وراثة نوع نموذج الحجم من العنصر الأصل.