CSS Logical Properties

یه بحثی هست به اسم پراپرتی‌های منطقی که برای ما فارسی زبان‌ها خوبه که بلدش باشیم. (چون فارسی از راست به چپه)

ما میتونیم جای جهت‌های فیزیکی مثل چپ و راست از جهت‌هایی که بستگی به Rtl یا Ltr بودن HTML دارن استفاده کنیم؛ یعنی چی؟

یعنی مثلا جای

.box{
     margin-right: 24px;
}

از

.box{
     margin-inline-end: 24px;
}

استفاده کنیم.

// برای عمودی از block و افقی از inline استفاده می‌کنیم.

تو این حالت مهم نیست که سایت ما چپ‌چینه یا راست‌چین، در هر صورت المنت بعدی با کلس box بیست‌ و چهار پیکسل فاصله میگیره.

اما تو حالت اول اگه دایرکشن رو از چپ به راست به راست به چپ تغییر می‌دادیم باید یه همچین کدی هم اضافه میکردیم:

html[dir="rtl"] .box {
  margin-right: 0; 
  margin-left: 24px;
}

یسری پراپرتی‌های دیگه که میتونن از این روش پیروی کنن:

text-align, inset, padding, border

#CSS SRC
@CleverDevs @CleverDevsGp