ویژگی height

ویژگی height

برای ایجاد و توسعه یک وب سایت در قدم اول تگ های اچ تی ام ال ایجاد شده و محتوا در تگ باز و بسته اچ تی ام ال قرار خواهد گرفت. بعد از ایجاد محتوا صفحه ای ساده و بدون استایل خواهیم داشت که با کمک سلکتورهای سی اس اس تگ دلخواه و انتخاب کرده و با ویژگی های زبان سی اس اس به تگ های سند اچ تی ام ال استایل خواهیم داد.
یکی دیگر از ویژگی ها در سی اس اس ویژگی height می باشد که با ویژگی height می توان ارتفاع یک عنصر اچ تی ام ال را مشخص کرد.
این ارتفاع می تواند توسط واحد های اندازه گیری همچون px یا % مشخص شود ، به صورت پیش فرض اندازه ی ارتفاع هر عنصر با توجه به اندازه ی محتوا عنصر تعیین خواهد شد یعنی اگر ویژگی height مشخص نشود ارتفاع پیش فرض اندازه ی محتوا در نظر گرفته خواهد شد ویژگی height بیش تر در مواقع کاربرد خواهد داشت که ارتفاع به عنصری داده شود که حاوی محتوا نیست.
ویژگی height روی عناصر با ویژگی max-height , min-height بی تاثیر خواهد بود.
ویژگی line-height در سی اس اس css

ویژگی line-height در سی اس اس css

برای ایجاد و توسعه یک وب سایت در قدم اول تگ های اچ تی ام ال ایجاد شده و محتوا در تگ باز و بسته اچ تی ام ال قرار خواهد گرفت. بعد از ایجاد محتوا صفحه ای ساده و بدون استایل خواهیم داشت که با کمک سلکتورهای سی اس اس تگ دلخواه و انتخاب کرده و با ویژگی های زبان سی اس اس به تگ های سند اچ تی ام ال استایل خواهیم داد.
ویژگی line-height یکی دیگر از ویژگی هایی می باشد که روی عناصر متنی در اچ تی ام ال مقدار داده خواهد شد.
با کمک ویژگی line-height می توان یک فضا بین سطرهای یک متن ایجاد کرد هرچه مقدار ویژگی line-height بیشتر باشد متن ها بازتر خواهد شد از نظر سطری و هرچه line-height کمتر باشد سطرهای متن توهم تر خواهد بود.
ویژگی list-style در سی اس اس css

ویژگی list-style در سی اس اس css

برای ایجاد و توسعه یک وب سایت در قدم اول تگ های اچ تی ام ال ایجاد شده و محتوا در تگ باز و بسته اچ تی ام ال قرار خواهد گرفت. بعد از ایجاد محتوا صفحه ای ساده و بدون استایل خواهیم داشت که با کمک سلکتورهای سی اس اس تگ دلخواه و انتخاب کرده و با ویژگی های زبان سی اس اس به تگ های سند اچ تی ام ال استایل خواهیم داد.
ویژگی list-style مخفف سه ویژگی ای می باشد که در تصویر مشاهده می کنید و به صورت زیر نوشته خواهد شد:
;list-style: squar inside url(url)
ویژگی margin در سی اس اس css

ویژگی margin در سی اس اس css

برای ایجاد و توسعه یک وب سایت در قدم اول تگ های اچ تی ام ال ایجاد شده و محتوا در تگ باز و بسته اچ تی ام ال قرار خواهد گرفت. بعد از ایجاد محتوا صفحه ای ساده و بدون استایل خواهیم داشت که با کمک سلکتورهای سی اس اس تگ دلخواه و انتخاب کرده و با ویژگی های زبان سی اس اس به تگ های سند اچ تی ام ال استایل خواهیم داد.
ویژگی margin ویژگی ای می باشد که با کمک آن می توان یک فاصله فضای خالی در اطراف تگ انتخاب شده ایجاد کرد، در واقع این فضای خالی یک فضای بیرونی می باشد.
ویژگی margin در سی اس اس شامل 4 جهت می باشد:
margin-top->بالا
margin-right->راست
margin-bottom->پایین
margin-left->چپ
ویژگی margin اختصار این 4 جهت می باشد و به صورت زیر مقدار دهی می شود:
;margin:top right bottom left
اگر margin در همه ی جهت ها یکسان بود با یک مقدار به شکل زیر مقدار دهی شود:
;margin:10px
ویژگی max-height در سی اس اس css

ویژگی max-height در سی اس اس css

برای ایجاد و توسعه یک وب سایت در قدم اول تگ های اچ تی ام ال ایجاد شده و محتوا در تگ باز و بسته اچ تی ام ال قرار خواهد گرفت. بعد از ایجاد محتوا صفحه ای ساده و بدون استایل خواهیم داشت که با کمک سلکتورهای سی اس اس تگ دلخواه و انتخاب کرده و با ویژگی های زبان سی اس اس به تگ های سند اچ تی ام ال استایل خواهیم داد.
ویژگی max-height در سی اس اس مشخص می کند حداکثر ارتفاع یک عنصر چقدر باشد:
;max-height: 100px
;overflow :auto
زمانی تصویر بزرگ تر از max-height باشد برای اینکه سر ریز اتفاق نیفتد مانند بالا overflow با مقدار auto مقدار دهی خواهد شد.
ویژگی min-height در سی اس اس css

ویژگی min-height در سی اس اس css

برای ایجاد و توسعه یک وب سایت در قدم اول تگ های اچ تی ام ال ایجاد شده و محتوا در تگ باز و بسته اچ تی ام ال قرار خواهد گرفت. بعد از ایجاد محتوا صفحه ای ساده و بدون استایل خواهیم داشت که با کمک سلکتورهای سی اس اس تگ دلخواه و انتخاب کرده و با ویژگی های زبان سی اس اس به تگ های سند اچ تی ام ال استایل خواهیم داد.
ویژگی max-width در سی اس اس مشخص می کند حداکثر عرض یک عنصر چقدر باشد:
;max-width: 100px
این ویژگی باعث واکنش گرا شدن محتوا می شه یعنی اگر عرض تصویر بود و اسکرول افقی خورد با max-width از اسکرول افقی جلوگیری خواهد شد و محتوا کوچک می شود.
ویژگی min-height در سی اس اس css

ویژگی min-height در سی اس اس css

برای ایجاد و توسعه یک وب سایت در قدم اول تگ های اچ تی ام ال ایجاد شده و محتوا در تگ باز و بسته اچ تی ام ال قرار خواهد گرفت. بعد از ایجاد محتوا صفحه ای ساده و بدون استایل خواهیم داشت که با کمک سلکتورهای سی اس اس تگ دلخواه و انتخاب کرده و با ویژگی های زبان سی اس اس به تگ های سند اچ تی ام ال استایل خواهیم داد.
ویژگی min-height در سی اس اس مشخص می کند کمترین ارتفاع یک عنصر چقدر باشد:
;min-height: 100px
ویژگی min-width در سی اس اس css

ویژگی min-width در سی اس اس css

برای ایجاد و توسعه یک وب سایت در قدم اول تگ های اچ تی ام ال ایجاد شده و محتوا در تگ باز و بسته اچ تی ام ال قرار خواهد گرفت. بعد از ایجاد محتوا صفحه ای ساده و بدون استایل خواهیم داشت که با کمک سلکتورهای سی اس اس تگ دلخواه و انتخاب کرده و با ویژگی های زبان سی اس اس به تگ های سند اچ تی ام ال استایل خواهیم داد.
ویژگی min-width در سی اس اس مشخص می کند کمترین عرض یک عنصر چقدر باشد:
;min-width: 100px
از این ویژگی صفحه سی اس اس زمانی استفاده خواهد شد که عرض عنصر اچ تی ام ال مورد نظر با کوچک تر شدن صفحه از مقدار مشخص شده کوچک تر نشود.
ارسال نظرات :
نظرات ارزشمند شما