سلام خدمت همراهان عزیز یکشنبه ها و پنج شنبه ها با آموزش زبان برنامه نویسی (HTML) و (PHP) همراه شما هستیم. برای اطلاعات بیشتر به مقاله ی هفته ی قبل مراجعه فرمایید .
خواص مرز کادر ها :
با استفاده از این خواص می توان لبه های دستورات بلوکی را کنترل کرد به طوری که مرز ی برای آنها تعیین نمود و پهنا و رنگ مرزها را مشخص کرد.
خاصیت border-style
این خاصیت سبک ظاهری مرزها را تعیین می کند مقدار پیش فرض آن none است و معنایش این است که مرزی رسم نشود مقادیر این خاصیت عبارتند از:
| عملکرد | مقدار | عملکرد | مقدار |
| مرز خط چین | Dashed | مرز نقطه چین | Dotted |
| مرز دو خطی | Double | مرز عادی | Solid |
| مرز برجسته | Lidge | مرز حکاکی شده | Groove |
| مرز برجسته از صفحه | outset | مرز تو رفتگی در صفحه | inset |
خاصیت border-style مرزهای هر چهار طرف کادر را تعیین می کند برای تعیین هر چهار طرف کادر به طور جداگانه می توان از سبکهای border-style (برای بالا) border- bottom- style (برای پایین) border-left- style (برای سمت چپ) border-right- style (برای سمت راست) استفاده کرد .
مطلب پیشنهادی:
در خاصیت 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