اليوم إخواني معنا شرح خاصية جميلة جداً جداً ونادراً في نفس الوقت استخدامها وهي الخاصية:
clipتلك الخاصية التي تجعلك قادراَ على إخفاء أي جزء تريد من نص كتابي او صورة وعلى الجوانب الأربعة..
تعالوا نقوم بالتجربة ثم الإيضاح ,, وقبل كل هذا سوف نقوم بالتطبيق على هذه الصورة ..
افتح صفحة تكست فارغة اعطها الامتداد html ثم ضع فيها هذا الكود ..
<!DOCTYPE html>احفظ الصفحة ثم افتجها على المتصفح وانظر الاتي
<html>
<head>
<style>
div{
padding:5px;
position:absolute;
clip: rect(0px,50px,50px,0px);
background-color:yellow;
border:1px solid #000
}
</style>
</head>
<body>
<div>
Mini Soft By Ahmad Saleh !! <br/>
Mini Soft By Ahmad Saleh !! <br/>
Mini Soft By Ahmad Saleh !! <br/>
</div>
</body>
</html>
تعالوا بنا نقوم بتفسير الكود أكثر ,, كان الكود هكذا ..
clip:rect(0px,50px,50px,0px)يتكون الكود من اسم الخاصية clip يتعبها نقطتان فوق بعضهم هكذا : ثم قوسين ( ) وفي داخل القوسين يتم تحديد السمك الذي تريد إخفاءه من الاربع جوانب يمين يسار اسفل اعلى ,وبين كل رقم منهم فاصلة ..
وحتى تعرف اين اليمين من يسار من الاعلى والاسفل انظر الكود الملون وانظر الاتي ..
0px أعلى
50px يمين
50px اسفل
0px يسار
وبهذا تكون قادراً على السمك الذي تريد إخفاءه من اي جانب تريد
مع العلم أن هذا الكود لا يعمل إلا في وجود السطر الأزرق من الكود الكبير الذي وضعناه بالصفحة position:absolute
وبهذا ينتهي موضوعنا ونراكم على خير
If you're looking to lose fat then you certainly have to get on this brand new personalized keto meal plan.
ردحذفTo create this keto diet, licenced nutritionists, fitness couches, and chefs joined together to produce keto meal plans that are useful, convenient, price-efficient, and delightful.
From their first launch in January 2019, thousands of people have already completely transformed their body and well-being with the benefits a great keto meal plan can give.
Speaking of benefits: in this link, you'll discover eight scientifically-tested ones provided by the keto meal plan.