Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
:Content<br />
این قسمت از<br />
Box mode<br />
محتوای عنصر را در بر میگیرد. یعنی<br />
<br />
این همان جایی است که متون و عکس ها قرار میگیرد.<br />
Box model<br />
نکته:<br />
برای تنظیم بهتر عرض و ارتفاع حقیقی یک عنصر درک مفهوم<br />
بسیار مهم<br />
میباشد.<br />
در قسمت باال ما تنها تعریفی از اجزای<br />
Box model<br />
نمودیم، حال میرویم هر کدام این اجزا ها را به<br />
صورت مفصل مورد بحث قرار میدهیم که البته در این مبحث تنها در مورد Margin و Padding صحبت<br />
میکنیم و دیگر اجزای آنرا به دلیل بزرگی در مباحث جداگانه در مورد آن صحبت میکنیم.<br />
Margin<br />
با استفاده از این خاصیت شما میتوانید محتواء سایت را از اصل صفحه فاصله دهید. اگر به زبان<br />
ساده بیان کنیم Margin فاصله بیرونی است.<br />
آموزش کاربردی <strong>CSS</strong>3<br />
در اینجا عنصر متن Afghanistan محتوا صفحه میباشد و اگر بخواهیم این متن را از<br />
50px حاشیه بدهیم از دستور زیر استفاده میکنیم.<br />
<br />
Afghanistan<br />
<br />
Body<br />
به اندازه<br />
آموزش کاربردی <strong>CSS</strong>3<br />
در این صورت محتوا از طرف راست ،چپ ، باال و پایین به اندازه<br />
.content{margin:50px;}<br />
50px<br />
فاصله میگیرد.<br />
چگونه از Margin<br />
استفاده مناییم؟<br />
قاعده دستوری Margin به شکل زیر میباشد.<br />
آموزش کاربردی <strong>CSS</strong>3<br />
Margin:margin-top margin-right bottom margin-left;<br />
یعنی<br />
Margin:10px 20px 15px 40px;<br />
76<br />
”رسولی” نویسنده: فردوس