در قسمت قبل ما با خواص متني شيوه نامه آشنا شديم و اما تعدادي از خواص ديگري كه وجود دارد را در اين قسمت بررسی می كنيم
Box خواص
هر پاراگراف متني كه شما در صفحه قرار دهيد در حقيقت باكسي است كه متن در آن قرار دارد.
با استفاده از اين قسمت از برنامه مي توان ۳ جنبه اين باكس را كنترل كرد ۱- خواص حاشيه ها ۲- خواص مرز كادر ۳- خواص
طول و عرض و موقعيت
فقط نكته اي كه هست اين باكسهاي فرضي فقط د ر مورد متون كاربرد دارد و نبايد با باكسهاي جدولي اشتباه گرفته شود منتها شما مي توانيد اين خاصيتها را به باكسهاي جدولي هم اعمال كنيد.
خواصي كه در بالا قرار دارد
خاصيتWidth : عرض باكس كه مي تواند مقاديري بر حسب پيكسل و اينچ و پوينت و... يا درصد قبول كند
خاصيت Height : ارتفاع باكس است كه همانند خاصيت Width است.
خاصیت clear و Float : خاصيت Float تنظيم افقي دستورات را تحت تاتثير قرار مي دهد و موجب مي شود به سمت چپ يا راست ناحيه دستور حركت كنند اين خاصيت براي درج اشيايي همچون تصاوير كاربرد دارد و مقادير آن عبارتند از none و Right ، left حال كه محل شي توسط اين خاصيت تعيين شد متنها هم بايد تنظيم شوند كه با خاصيت Clear انجام پذیر باشد.
مقادير none و both ، right، left را مي پذيرد كه به ترتيب به چپ يا راست شي و يا بينابين و غير فعال است.
بخش Padding
اين بخش به فاصله بين كادر يك دستور و محتويات آن مي پردازد در حالتي كه گزينه Same for all تيك خورده باشد هر مقدار شما براي هر ۴ طرف مساوي در نظر گرفته مي شود منتها با برداشتن تيك مي توانيد فاصله بالا ، پائين ،راست و چپ را خودتان تعيين كنيد
بخش Margin
اين بخش به حاشيه ها اش اره دارد مي توانيد آن را براي بلوكهاي متني يا جداول بكار ببريد يا براي كل صفحه كه نحوه آن را قبلا آموختيد
همانند بخش قبلي در حالت عادي هر مقدار شما براي ۴ طرف منظور مي شود منتها با برداشتن تيك Same for All مي توانيد حاشيه هاي هر طرف را خود شخصا تعيين كنيد
حال به اين كدها دقت كنيد.
<style type="text/css">
<!--
.class1 {
clear: right;
float: left;
height: 600px;
width: 200px;
padding-top: 5px;
margin-top: 20px;
margin-right: 25px;
margin-bottom: 20px;
margin-left: 25px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 10px;
}
-->
</style>
خواص Border
اين خواص كاربرد فراواني در طراحي وب دارد از اين رو پيشنهاد مي كنم حتما بر اين گزينه ها مسلط شويد.
با اين خواص مي توان مرز بندي جداول را مطابق با نياز و سليقه خودمان تغيير دهيم در ادامه همين بخش طرحي را قرار مي دهيم كه با استفاده از همين خصوصيات طراحي شده
اين قسمت از ۳ بخش تشكيل شده ۱- شيوه مرز بندي ۲- عرض مرز ها ۳- رنگ مرزها
رنگ مرزها ( Color )
رنگ مرزها با كليك بر روي كادر كوچك كنار آن و انتخاب رنگ تعيين مي شود همانند مورد قبل تيك دار بودن Same for All باعث اعمال رنگ انتخابي به هر ۴ وجه مرز ( بالا ، راست ، پائين و چپ ) مي گردد و با برداشتن تيك مي توان هر وجه مرز رارنگي جداگانه و دلخواه بدهيم
عرض مرزها ( Width )
عرض مرز بندي هم همانند رنگ است با اين تفاوت كه مقدار را بر حسب يك واحد اندازه گيري مورد حمايت شيوه نامه بايد وارد كنيم مثلا ۲ پيكسل يا ...
|