Oxin Code
8.3K subscribers
331 photos
50 videos
62 files
249 links
جمعی از فعالان حوزه کامپیوتر و علوم محاسباتی👇
@Oxin_Code
.
ایران 🇮🇷 | استرالیا 🇦🇺
.
ادمین👇
@OxinCode_Admin
Download Telegram
💥 200 ترفند بسیار مفید CSS - قسمت ۱۹

91. font-size-adjust
زمانی که اولین فونت انتخاب شده در دسترس نباشد، این خصوصیت به شما امکان کنترل بهتر اندازه فونت را می‌دهد.

92. font-stretch
توسط این خاصیت می‌توانیم اشکال مختلف یک فونت را بر اساس عرض کاراکترها بر روی تگ html مورد نظر انتخاب کنیم.

93. font-style
توسط این خاصیت می‌توانیم استایل یک فونت استاندارد را به سبک ایتالیک، مورب و یا نرمال بر روی یک تگ html تعریف نماییم.

94. font-weight
توسط این خاصیت می‌توانیم ضخامت یک فونت را که به وزن فونت نیز معروف می‌باشد، بر روی یک تگ html تعریف نماییم.

95. grid
توسط این خاصیت می‌توانیم لیستی از شماره، عرض ردیف‌ها، ستون‌ها و چیدمان عناصر نام‌گذاری شده برای آیتم‌های گرید مشخص نماییم.

#وب #CSS
----------
🆔 @OxinCode
💥 200 ترفند بسیار مفید CSS - قسمت ۲۰

96. grid-area
توسط این خاصیت می‌توانیم مکان و اندازه شروع و انتهای ردیف و ستون آیتم‌های گرید (grade) را مشخص نماییم.

97. grid-auto-columns
توسط این خاصیت می‌توانیم عرض و ارتفاع ترک‌های ضمنی ستونی آیتم‌های گرید را مشخص نماییم.

98. grid-auto-flow
توسط این خاصیت می‌توانیم مکان آیتم‌های گرید که به شکل واضح مشخص نشده اند را به صورت خودکار مشخص نماییم.

99. grid-auto-rows
توسط این خاصیت می‌توانیم عرض و ارتفاع ترک‌های ضمنی ردیفی آیتم‌های گرید را مشخص نماییم.

100. grid-column
توسط این خاصیت می‌توانیم یک شماره با span (ترک) و یا یک شماره خط جهت تعیین اندازه و شروع و انتهای ستون آیتم‌های گرید (grade) را مشخص نماییم

#وب #CSS
----------
🆔 @OxinCode
💥 200 ترفند بسیار مفید CSS - قسمت ۲۱

101. grid-column-end
توسط این خاصیت می‌توانیم اندازه خط ستون انتهای یک آیتم گرید را مشخص نماییم.

102. grid-column-gap
توسط این خاصیت می‌توانیم فاصله بین ستونی آیتم‌های گرید (grade) را مشخص نماییم.

103. grid-column-start
توسط این خاصیت می‌توانیم اندازه خط ستون شروع یک آیتم گرید را مشخص نماییم.

104. grid-gap
توسط این خاصیت می‌توانیم فاصله بین ردیف و ستون آیتم‌های گرید (grade) را مشخص نماییم.

105. grid-row
توسط این خاصیت می‌توانیم یک شماره با span و یا یک شماره خط جهت تعیین اندازه و شروع و انتهای ردیف آیتم‌های گرید (grade) را مشخص نماییم.

#وب #CSS
----------
🆔 @OxinCode
💥 200 ترفند بسیار مفید CSS - قسمت ۲۲

106. grid-row-end
توسط این خاصیت می‌توانیم اندازه خط ردیف انتهای یک آیتم گرید را مشخص نماییم.

107. grid-row-gap
توسط این خاصیت می‌توانیم فاصله بین ردیفی آیتم‌های گرید (grade) را مشخص نماییم.

108. grid-row-start
توسط این خاصیت می‌توانیم اندازه خط ردیف شروع یک آیتم گرید را مشخص نماییم.

109. grid-template
توسط این خاصیت می‌توانیم لیستی از شماره و عرض ردیف‌ها و ستون‌ها و چیدمان عناصر نام‌گذاری شده برای آیتم‌های گرید مشخص نماییم.

110. grid-template-areas
توسط این خاصیت می‌توانیم یک رشته (string) چیدمانی برای آیتم‌های گرید که توسط خصوصیت grid-area نام‌گذاری شده‌اند، تعیین نماییم

#وب #CSS
----------
🆔 @OxinCode
💥 200 ترفند بسیار مفید CSS - قسمت ۲۳

111. grid-template-columns
توسط این خاصیت می‌توانیم لیستی از شماره و عرض ستون‌ها را برای آیتم‌های گرید مشخص نماییم.

112. grid-template-rows
توسط این خاصیت می‌توانیم لیستی از شماره و عرض ردیف‌ها را برای آیتم‌های گرید مشخص نماییم.

113. height
توسط این خاصیت می‌توانیم اندازه ارتفاع محتوا در تگ html مربوطه را مشخص نماییم.

114. hyphens
توسط این خاصیت می‌توانیم، یک خط تیره برای متونی که به خط بعدی می‌روند تعیین نماییم.

115. import@
توسط قانون کاربردی import@ می‌توانیم یک فایل css را در فایل css دیگر ادغام یا ترکیب نماییم.

#وب #CSS
----------
🆔 @OxinCode
💥 200 ترفند بسیار مفید CSS - قسمت ۲۴

116. isolation
توسط این خاصیت می‌توانیم گروهی از تگ‌های html را در مقابل آمیخته شدن با محتوای پشت سرشان ایزوله کنیم.

117. justify-content
به کمک این ویژگی می‌توانیم عناصر داخلی را نسبت به محور اصلی (main-axis) هم‌ترازسازی کنیم.

118. keyframes@
توسط قانون کاربردی keyframes@ می‌توانیم یک کد انیمیشن، مشخص نماییم. این انیمیشن یک نوع تغییر شکل تدریجی در مجموعه‌ای از سبک‌های css به سبک‌های css دیگر هست.

119. left
توسط این خاصیت می‌توانیم فاصله از چپ را برای آن دسته از تگ‌های html که خصوصیت position را گرفته‌اند، از مبدا آنها تعیین نماییم.

120. letter-spacing
توسط این خاصیت می‌توانیم فاصله بین حروف یک کلمه را بر روی یک تگ html تعریف نماییم.

#وب #CSS
----------
🆔 @OxinCode