این آموزش در تاریخ ۱۴۰۲/۰۶/۲۰ آپدیت شده است.
آموزش صفت Cols در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Cols در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Cols در HTML
صفت cols صفتی است که میتواند در تگ textarea مورد استفاده قرار بگیرد و با استفاده از آن میتوانیم اندازه عرض و با استفاده از صفت rows نیز میتونیم اندازه ارتفاع این تگ رو مشخص کنیم.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <textarea> |
Free-Learn
مثال از صفت Cols در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : مشخص کردن عرض و ارتفاع تگ textarea با استفاده از ۲ صفت rows و cols
|
1 2 3 4 5 6 7 |
<body> <textarea rows="5" cols="30"> Salam Khobi? </textarea> </body> |
مثال شماره ۲ : مشخص کردن اندازه عرض و ارتفاع تگ textarea با استفاده از CSS
|
1 2 3 4 5 6 7 |
<body> <textarea style="width:200px; height:70px;"> Salam Khobi? </textarea> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت cols در HTML پشتیبانی میکنند یا خیر.
| نام صفت | Chrome | Firefox | Opera | Safari | Edge |
| cols | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 |
<textarea cols="Number"> |
Free-Learn
جدول مقادیر صفت Cols در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Number | یک عدد که اندازه عرض textarea را مشخص میکند ( مقدار پیشفرض : ۲۰ ) |
Free-Learn
نکات و توضیحات
- صفت cols یه مقدار بصورت عددی میگیره و اندازه عرض تگ رو مشخص میکنه، و صفت rows باز یه مقدار بصورت عددی ولی اندازه ارتفاع تگ رو مشخص میکنه.
- برای کنترل بهتر روی اندازه ها پیشنهاد میکنم از CSS برای تنظیم اندازه تگ textarea استفاده کنید. ( همانند مثال شماره ۲ )
