اسعد الله أوقاتكم بكل خير اليوم إخواني معنا شرح خاصية جميلة جداً جداً ونادراً في نفس الوقت استخدامها وهي الخاصية: clip تلك الخاصية التي تجع...
اليوم إخواني معنا شرح خاصية جميلة جداً جداً ونادراً في نفس الوقت استخدامها وهي الخاصية:
تلك الخاصية التي تجعلك قادراَ على إخفاء أي جزء تريد من نص كتابي او صورة وعلى الجوانب الأربعة..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 يتعبها نقطتان فوق بعضهم هكذا : ثم قوسين ( ) وفي داخل القوسين يتم تحديد السمك الذي تريد إخفاءه من الاربع جوانب يمين يسار اسفل اعلى ,وبين كل رقم منهم فاصلة ..clip:rect(0px,50px,50px,0px)
وحتى تعرف اين اليمين من يسار من الاعلى والاسفل انظر الكود الملون وانظر الاتي ..
0px أعلى
50px يمين
50px اسفل
0px يسار
وبهذا تكون قادراً على السمك الذي تريد إخفاءه من اي جانب تريد
مع العلم أن هذا الكود لا يعمل إلا في وجود السطر الأزرق من الكود الكبير الذي وضعناه بالصفحة position:absolute
وبهذا ينتهي موضوعنا ونراكم على خير
التعليقات