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