آموزش HTML : خواص کادرها (مرز کادرها)

آموزش HTML

آموزش HTML خواص کادرها (مرز کادرها) طراحی وب سایت

سلام  خدمت همراهان عزیز  یکشنبه ها و پنج شنبه ها  با آموزش زبان برنامه نویسی (HTML) و (PHP) همراه شما هستیم. برای اطلاعات بیشتر به مقاله ی هفته ی قبل مراجعه فرمایید .

html فصل پنجم

خواص مرز کادر ها :

با استفاده از این خواص می توان لبه های دستورات بلوکی را کنترل کرد به طوری که مرز ی برای آنها تعیین نمود و پهنا و رنگ مرزها را مشخص کرد.

خاصیت border-style

این خاصیت سبک ظاهری مرزها را تعیین می کند مقدار پیش فرض آن none است و معنایش این است که مرزی رسم نشود مقادیر این خاصیت عبارتند از:

عملکرد مقدار عملکرد مقدار
مرز خط چین Dashed مرز نقطه چین Dotted
مرز دو خطی Double مرز عادی Solid
مرز برجسته Lidge مرز حکاکی شده Groove
مرز برجسته از صفحه outset مرز تو رفتگی در صفحه inset

خاصیت border-style مرزهای هر چهار طرف کادر را تعیین می کند برای تعیین هر چهار طرف کادر به طور جداگانه می توان از سبکهای border-style (برای بالا) border- bottom- style (برای پایین) border-left- style (برای سمت چپ) border-right- style (برای سمت راست) استفاده کرد .

مطلب پیشنهادی:

آموزش HTML : خواص شیوه نامه ها ؛ کادر بندی

در خاصیت  border-style می توان نوع مرز هر چهار طرف را تعیین کرد . اولین مقدار مربوط به سمت چپ است . وقتی مقادیر که ذکر می شوند. کمتر از 4 باشند طرف مقابل به طور خودکار مقدار می گیرد . به عنوان مثال اگر سبک مرز بالایی منظور خواهد شد هر کدام از دستورات زیر مرزهای دو خطی را در بالا و پایین کادر منظور می کنند:

{border-style : double none}

{border-style : double none double none}

{border-top-style : double ; border-bottom-style: double ;border-left: none; border-right-style:none}

خاصیت border- width

خواص گوناگونی برای تعیین پهنای مرزها به کار می روند . صفت border- width پهنای  هر چهار طرف کادر را مشخص می کند و رفتار آن مثل border-style است برای تعیین هر کدام از چهار طرف کادر به طور جداگانه از خواص border-top -width (برای پهنای بالا) border-right- width (برای پهنای سمت راست) border-bottom- width (برای پهنای پایین) و border- left-width (برای پهنای سمت چپ) استفاده می شود.

پهنای مرزها را با کلمات کلیدی thick medium,thin یا با استفاده از مقادیری 5 ، 10 و غیره تعیین کرد دستورات زیر را ببینید:

{border-style :solid;border-width: 10px}

{border-style :double;border-width: thick}

{border-style :solid;border-width: thick thin}

{border-style :double none;border-width: thick }

خاصیت border –color

این خاصیت رنگ مرزها را تعیین می کند . رنگ ها را می توان با نام یا اعداد مبنای 16 بیان کرد این خاصیت رنگ هر چهار طرف کادر را تعیین می کند و از یک تا چهار مقدار را می پذیرد مقادیر ذکر شده در جهت چرخش عقربه های ساعت (رنگ بالا، راست ، پایین و سمت چپ) اعمال می شوند برای تعیین رنگ هر مرز به طور جداگانه ، از خواص border-bottom- color, border-right- color, border-top- color و استفاده می شود . دستورات زیر را ببینید:

{border-style :solid;border-color: green}

{border-style :solid;border-top-color: green;border-right-color:#FF0000 ; border-bottom-color: yellow; border-left-color:blue}

برگرفته از :

کتاب راهنمای جامع (HTML, BHTML, XML)

دکتر عین الله جعفر نژاد قمی

پاسخ به سوال دوستان :

شاید تاکنون به این فکر کرده باشین که چرا باید برای کسب و کار خود وبسایت داشته باشین ؟

دلیل اینکه می‌گوییم باید سایت داشته باشید این آمار است. توجه کنید که ۸۱٪ از افراد قبل از

تصمیم گیری در مورد خرید و فروش در یک کسب وکار یا خدمات، در اینترنت تحقیق می کنند.

یعنی ۲۵.۹۲ میلیون نفر هستند که مشاغل را به صورت آنلاین جستجو می کنند. با این وجود ۴۶% کسب و کارها فکر می‌کنند نیاز به وب سایت ندارند.

توجه داشته باشید که جهان به سمت دیجیتالی شدن پیش می‌رود و نداشتن وب سایت

برای یک شرکت یا هر کسب و کاری، به منزلۀ جا ماندن از گردونۀ روزگار است.

برای اطلاعات بیشتر با همکاران ما در شرکت آراز پردازش در ارتباط باشید

آدرس ایمیل:  info@arazpardazesh.com

اینستاگرام شرکت:   https://instagram.com/araz_pardazesh_kla

تماس با ما:     https://arazpardazesh.com/contact

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

چهار + یک =