💥 200 ترفند بسیار مفید CSS - قسمت ۱۸

86. font
توسط این خاصیت می‌توانیم برخی صفات فونت را بر روی یک تگ html مختصرنویسی نماییم.

87. font-face@
توسط این خاصیت می‌توانیم فونت‌های دلخواه و سفارشی تعریف کنیم.

88. font-family
توسط این خاصیت می‌توانیم اسم یک فونت را برای یک تگ html تعیین نماییم.

89. font-kerning
توسط این خاصیت می‌توانیم فاصله بین حروف یک فونت را تعریف کنیم.

90. font-size
توسط این خاصیت می توانیم اندازه یک فونت را بر روی یک تگ html تعریف نمود

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

💥 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

💥 200 ترفند بسیار مفید CSS - قسمت ۲۵

121. line-height
به کمک این خاصیت می‌توانیم ارتفاع ردیف‌های یک نوشته را درون یک تگ مشخص کنیم.

122. list-style
به کمک این خاصیت می‌توانیم تصویر، مکان و نوع نشانه‌گر آیتم‌های لیست را درون تگ‌های html مشخص کنیم.

123. list-style-image
به کمک این خاصیت می‌توانیم تصویری برای نشانه‌گر آیتم‌های یک لیست درون یک تگ مشخص کنیم.

124. list-style-position
به کمک این خاصیت می‌توانیم مکان نشانه‌گر آیتم‌های لیست را در خارج یا داخل باکس اصلی یک تگ مشخص کنیم.

125. list-style-type
به کمک این خاصیت می‌توانیم نوع نشانه‌گر آیتم‌های لیست را در یک تگ مشخص کنیم

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

💥 200 ترفند بسیار مفید CSS - قسمت ۲۶

126. margin
این خصوصیت فضای بیرونی بین تگ‌های html را تعیین می‌کند.

127. margin-bottom
توسط این خاصیت می‌توانیم عرض فضای خارجی پایین یک تگ را مشخص نماییم.

128. margin-left
توسط این خاصیت می‌توانیم عرض فضای خارجی چپ یک تگ را مشخص نماییم.

129. margin-right
توسط این خاصیت می‌توانیم عرض فضای خارجی راست یک تگ را مشخص نماییم.

130. margin-top
توسط این خاصیت می‌توانیم عرض فضای خارجی بالا در یک تگ را مشخص نماییم.

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

💥 200 ترفند بسیار مفید CSS - قسمت ۲۷

131. max-height
توسط این خاصیت می‌توانیم یک ارتفاع حداکثر را برای محتوا در تگ html مربوطه مشخص نماییم.

132. max-width
توسط این خاصیت می‌توانیم یک عرض حداکثر را برای محتوا در تگ html مربوطه مشخص نماییم.

133. min-height
توسط این خاصیت می‌توانیم یک ارتفاع حداقل را برای محتوا در تگ html مربوطه مشخص نماییم.

134. min-width
توسط این خاصیت می‌توانیم یک عرض حداقل را برای محتوا در تگ html مربوطه مشخص نماییم.

135. mix-blend-mode
به کمک این خاصیت در می‌توانیم مشخص کنیم چگونه محتوای یک تگ را با پس زمینه والد مستقیم آن ترکیب شود

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