با عرض سلام خدمت همه ی شما دنبال کنندگان گرامی
امیدوارم که روز خوبی رو بوده داشته باشید :)
در آموزش امروز , میخواهیم خدمت شما عزیزان بیاییم و یه لیست از دستورات css و بنویسیم که این لیست جزو مهم ترین و بهترین دستورات css هستند .
همونطور که میدونین Css زبانی هست برای استایل دهی به صفحات وب و هیچ وب سایتی نیست که Css نداشته باشه ...
کدنویسی Css به این شکل هست که یک المنت از Html رو انتخاب میکنیم و استایل مدنظرمون رو بهش میدیم , قبل از استایل دهی به المنت باید روش های انتخاب المنت رو بلد باشین، پس ابتدا انتخابگر های Css رو یاد بگیرین و بعدا این مقاله رو مطالعه کنین .
border
برای خلاصه نویسی ۳ ویژگی زیر
border-radiusبرای خلاصه نویسی ۴ ویژگی زیر
border-rightبرای خلاصه نویسی ۳ ویژگی زیر
border-imageبرای خلاصه نویسی ۵ ویژگی زیرborder-bottom-right-radiusبرای گرد کردن لبه پایین سمت راست
برای گرد کردن لبه بالا سمت چپborder-top-styleشکل شمایل بوردر بالا ( خط دور لبه ) عنصر را مشخص میکند
border-top-widthاندازه بوردر بالا ( خط دور لبه ) عنصر را مشخص میکند
border-rightبرای خلاصه نویسی ۳ ویژگی زیر
border-right-colorرنگ بوردر راست ( خط دور لبه ) عنصر را مشخص میکند
border-right-styleشکل شمایل بوردر راست ( خط دور لبه ) عنصر را مشخص میکند
border-right-widthاندازه بوردر راست ( خط دور لبه ) عنصر را مشخص میکند
این خاصیت برای تغییر رنگ متن المنت استفاده میشه؛ به این خاصیت میتونین به صورت های مختلف مثل اسم رنگ، کد رنگ، rgb، rgba و … مقدار بدین و استایل داده شده به تگ مد نظر شما نسبت داده بشه.
این خاصیت از Css موقعیت متن داخل تگ رو تعیین میکنه، این که متن چپ چین، راست چین یا وسط چین باشد
این خاصیت ارتفاع متن رو تعیین میکنه
این خاصیت نحوه نمایش متن رو تعیین میکنه، زیر خط دار، بالا خط دار و ….
این دستور برای تعریف یک فونت و تعیین اسم برای آن استفاده میشود
این خاصیت برای تعیین فاصله بین کلمات استفاده میشه
این خاصیت برای تعیین فاصله بین حروف متون استفاده میشه
این خاصیت برای تعیین سایه به متن استفاده میشه
این خاصیت برای تعیین مقدار تورفتگی متن استفاده میشه
برای تعیین نوع فونت یک المنت استفاده میشه
برای تعیین سایز متن استفاده میشه
برای تعیین قدار ضخامت متن استفاده میشه
توضیحمثالfontبرای برای تعریف نام فامیلی ، اندازه و.. فونت
font-face@برای تعریف فونت در یک صفحه وب
font-familyبرای تعریف نام فامیلی ( خانواده ) فونت
font-feature-settingsاعمال یکسری تنظیمات پیشرفته بروی فونتfont-kerningمیزان فضا ( فاصله ) بین کاراکترهای فونت را مشخص میکندfont-sizeاندازه فونت را مشخص میکند
font-size-adjustمیزان خوانایی فونت را به نسبت ابعاد صفحه مشخص میکند
font-stretchمیزان کشیدگی بین کاراکترهای فونت را مشخص میکندfont-styleاستایل / سبک فونت را مشخص میکند
font-variantمشخص میکند که متن با حروف بزرگ نمایش داده شود
font-variant-capsمشخص میکند که متن با حروف بزرگ نمایش داده شود
font-weightبرای مشخص کردن میزان وزن یک فونت
letter-spacingبرای ایجاد فاصله بین حروف / کاراکترهای متن
line-heightبرای ایجاد فاصله بین سطر ( لاین های ) متن
quotesاستایل نقل قول های جاسازی شده در متن را مشخص میکند
tab-sizeمیزان اندازه کلید Tab ( به ازای کلید Tab که فشرده شود )
text-alignتراز متن را بصورت افقی مشخص میکند
text-align-lastتراز سطر آخر متن را بصورت افقی مشخص میکند
text-decorationبرای خلاصه نویسی ۳ ویژگی زیر
تو این مقاله سعی کردم دستورات مهم Css رو براتون معرفی کنم،ولی همون طور که میدونین لیست دستورات Css فقط همینا نیستن و خیلی از موارد دیگه هم وجود دارن!
اگه سوال، انتقاد یا پیشنهادی در این مقاله داشتین تو کامنت ها برامون بنویسین
منبع : https://sabzlearn.ir/list-of-css-commands/