CSS Referans Kılavuzu
- Önceki Sayfa CSS Referans Kılavuzu
- Sonraki Sayfa CSS Tarayıcı Desteği
CSS Özellikleri
A
accent-color | Kullanıcı arayüzü bileşenlerinin vurgulanma renklerini belirtir. |
align-content | Proje, kullanılabilir tüm alanı kullanmadığında, geri basınç kapasöründeki satırlar arasındaki hizalamayı belirtir. |
align-items | Geri basınç kapasöründe öğelerin hizalanma tarzını belirtir. |
align-self | Geri basınç kapasöründe seçilen öğelerin hizalanma tarzını belirtir. |
all | Tüm özellikleri (unicode-bidi ve direction dışında) sıfırlar. |
animation | Tüm animation-* özelliklerinin kısa özellikleri. |
animation-delay | Animasyonun başlamadan önce gecikmesini belirtir. |
animation-direction | Animasyonun ileri, geri veya alternatif olarak oynatılacağını belirtir. |
animation-duration | Animasyonun bir döngü tamamlayacağı süreyi belirtir. |
animation-fill-mode | Animasyon oynatılmadığında (başlangıçtan önce, sonrası veya her ikisi) elemanın tarzını belirtir. |
animation-iteration-count | Animasyonun oynatılacağı defa sayısını belirtir. |
animation-name | @keyframes animasyonunun adını belirtir. |
animation-play-state | Animasyonun oynatılıp oynatılmayacağını belirtir. |
animation-timing-function | Animasyonun hız eğrisini belirtir. |
aspect-ratio | Elemanın öncelikli genişlik-yükseklik oranını belirtir. |
B
backdrop-filter | Elemanın arka plan alanının grafik etkisini tanımlar. |
backface-visibility | Kullanıcıya karşı elemanın arkasının görünürlüğünü belirtir. |
background | Tüm background-* özelliklerinin kısa özellikleri. |
background-attachment | Arka plan görüntüsünün sayfanın geri kalanı ile birlikte kayması mı yoksa sabit mi olacağını ayarlar. |
background-blend-mode | Her arka plan katmanının (renk/görüntü) karışım modunu belirtir. |
background-clip | Arka plan (renk veya görüntü)nin elemanın içinde uzanması gereken mesafeyi tanımlar. |
background-color | Arka plan rengini belirtir. |
background-image | Bir veya daha fazla arka plan görüntüsünü belirler. |
background-origin | Arka plan görüntüsünün başlangıç konumunu belirtir. |
background-position | Arka plan resminin konumunu belirleyin. |
background-position-x | Arka plan resminin x eksenindeki konumunu belirtin. |
pr_background-position-y | Arka plan resminin y eksenindeki konumunu belirtin. |
background-repeat | Arka plan resminin nasıl ve ne kadar tekrar edileceğini ayarlayın. |
background-size | Arka plan resminin boyutunu belirleyin. |
block-size | Blok yönlü elemanın boyutunu belirtin. |
border | border-width, border-style ve border-color'nin kısa özellikleri. |
border-block |
Aşağıdaki özelliklerin kısaltılmış özellikleri: |
border-block-color | Blok yönlü başlangıç ve bitiş kenar çizgilerinin renğini ayarlayın. |
border-block-end |
Aşağıdaki özelliklerin kısaltılmış özellikleri: |
border-block-end-color | Blok yönlü bitiş kenar çizgisinin rengini ayarlayın. |
border-block-end-style | Blok yönlü bitiş kenar çizgisinin tarzını ayarlayın. |
border-block-end-width | Blok yönlü bitiş kenar çizgisinin genişliğini ayarlayın. |
border-block-start |
Aşağıdaki özelliklerin kısaltılmış özellikleri: |
border-block-start-color | Blok yönlü başlangıç kenar çizgisinin rengini ayarlayın. |
border-block-start-style | Blok yönlü başlangıç kenar çizgisinin tarzını ayarlayın. |
border-block-start-width | Blok yönlü başlangıç kenar çizgisinin genişliğini ayarlayın. |
border-block-style | Blok yönlü başlangıç ve bitiş kenar çizgilerinin tarzını ayarlayın. |
border-block-width | Blok yönlü başlangıç ve bitiş kenar çizgilerinin genişliğini ayarlayın. |
border-bottom | border-bottom-width, border-bottom-style ve border-bottom-color'nin kısa özellikleri. |
border-bottom-color | Alt kenar çizgisinin rengini ayarlayın. |
border-bottom-left-radius | Sol alt köşenin kenar çizgi yuvarlaklığını tanımlayın. |
border-bottom-right-radius | Sağ alt köşenin kenar çizgi yuvarlaklığını tanımlayın. |
border-bottom-style | Alt kenar çizgisinin tarzını ayarlayın. |
border-bottom-width | Alt kenar çizgisinin genişliğini ayarlayın. |
border-collapse | Tablo kenar çizgisini tek bir kenar çizgisi olarak katlanmış mı yoksa ayrılmış mı olarak ayarlayın. |
border-color | Dört çerçevenin rengini ayarlar. |
border-end-end-radius | Eleman bloğu bitiş ve satır içi bitiş arasındaki köşe yarıçaplarını ayarlar. |
border-end-start-radius | Eleman bloğu bitiş ve satır içi başlangıç arasındaki köşe yarıçaplarını ayarlar. |
border-image | border-image-* özelliklerinin kısa özellikleri. |
border-image-outset | Çerçeve resmi alanının çerçevenin dışına çıkmış miktarını belirler. |
border-image-repeat | Çerçeve resminin tekrarlanması, yuvarlanması veya gerilmesi gerektiğini belirler. |
border-image-slice | Çerçeve resminin nasıl kesileceğini belirler. |
border-image-source | Çerçeve olarak kullanılan resmin yolunu belirler. |
border-image-width | Çerçeve resminin genişliğini belirler. |
border-inline |
Aşağıdaki özelliklerin kısaltılmış özellikleri: |
border-inline-color | Satır içi yönde başlangıç ve bitiş çerçevelerin renğini ayarlar. |
border-inline-end |
Aşağıdaki özelliklerin kısaltılmış özellikleri: |
border-inline-end-color | Satır içi yönde bitiş çerçevesinin rengini ayarlar. |
border-inline-end-style | Satır içi yönde bitiş çerçevesinin tarzını ayarlar. |
border-inline-end-width | Satır içi yönde bitiş çerçevesinin genişliğini ayarlar. |
border-inline-start |
Aşağıdaki özelliklerin kısaltılmış özellikleri: |
border-inline-start-color | Satır içi yönde başlangıç çerçevesinin rengini ayarlar. |
border-inline-start-style | Satır içi yönde başlangıç çerçevesinin tarzını ayarlar. |
border-inline-start-width | Satır içi yönde başlangıç çerçevesinin genişliğini ayarlar. |
border-inline-style | Satır içi yönde başlangıç ve bitiş çerçevelerin tarzını ayarlar. |
border-inline-width | Satır içi yönde başlangıç ve bitiş çerçevelerin genişliğini ayarlar. |
border-left | Bütün border-left-* özelliklerinin kısa özellikleri. |
border-left-color | Sol çerçevenin rengini ayarlar. |
border-left-style | Sol çerçevenin tarzını ayarlar. |
border-left-width | Sol çerçeve genişliğini ayarlar. |
border-radius | Dört border-*-radius özelliklerinin kısa özellikleri. |
border-right | Bütün border-right-* özelliklerinin kısa özellikleri. |
border-right-color | 设置右边框的颜色。 |
border-right-style | 设置右边框的样式。 |
border-right-width | 设置右边框的宽度。 |
border-spacing | 设置相邻单元格边框之间的距离。 |
border-start-end-radius | 设置元素块开始和行内结束边之间的角落半径。 |
border-start-start-radius | 设置元素块开始和行内开始边之间的角落半径。 |
border-style | 设置四条边框的样式。 |
border-top | border-top-width、border-top-style 以及 border-top-color 的简写属性。 |
border-top-color | 设置上边框的颜色。 |
border-top-left-radius | 定义左上角的边框圆角。 |
border-top-right-radius | 定义右上角的边框圆角。 |
border-top-style | 设置上边框的样式。 |
border-top-width | 设置上边框的宽度。 |
border-width | 设置四条边框的宽度。 |
bottom | 设置元素相对于其父元素底部的位置。 |
box-decoration-break | 设置元素在分页符处的背景和边框的行为,或对于行内元素在换行符处的行为。 |
box-reflect | 用于创建元素的反射效果。 |
box-shadow | 将一个或多个阴影附加到元素。 |
box-sizing | 定义元素的宽度和高度的计算方式:它们是否应包含内边距和边框。 |
break-after | 规定指定元素之后是否应出现 page-、column- 或 region-break。 |
break-before | 规定指定元素之前是否应出现 page-、column- 或 region-break。 |
break-inside | 规定指定元素内部是否应出现 page-、column- 或 region-break。 |
C
caption-side | 规定表格标题的放置方式。 |
caret-color | 规定光标在 input、textarea 或任何可编辑元素中的颜色。 |
@charset | 规定样式表中使用的字符编码。 |
clear | 规定不允许在元素的哪一侧浮动元素 |
clip | 绝对定位的元素进行裁剪。 |
clip-path | Bir elementi temel şekille veya SVG kaynağına keser。 |
color | Metnin rengini ayarlar。 |
color-scheme | Bir elementin hangi işletim sisteminin renk paletini kullanarak çizileceğini belirtir。 |
column-count | Bir elementin kaç sütunda bölünmesi gerektiğini belirtir。 |
column-fill | Sütunları nasıl doldurulacağını (dengeli mi olacağını) belirtir。 |
column-gap | Sütun aralığını belirtir。 |
column-rule | Tüm column-rule-* özelliklerinin kısaltma özellikleri. |
column-rule-color | Sütunlar arasındaki kurallı rengi belirtir。 |
column-rule-style | Sütunlar arasındaki kurallı tarzı belirtir。 |
column-rule-width | Sütunlar arasındaki kurallı genişliği belirtir。 |
column-span | Bir elementin kaç sütun üzerinden geçmesini gerektirdiğini belirtir。 |
column-width | Sütun genişliğini belirtir。 |
columns | column-width ve column-count kısaltma özellikleri. |
@container | Konteynerin boyutuna veya tarzına göre konteyner içindeki elementlerin tarzını tanımlar。 |
content | before ve after sanal elementleriyle birlikte kullanılır, oluşturulan içeriği ekler. |
counter-increment | Bir veya daha fazla CSS sayacının değerini artırır veya azaltır。 |
counter-reset | Bir veya daha fazla CSS sayacını oluşturur veya sıfırlar。 |
counter-set | Bir veya daha fazla CSS sayacı oluşturur veya ayarlar。 |
@counter-style | Özel bir sayacı stili tanımlamanıza olanak tanır。 |
cursor | İşaret edilen öğeye yönlendirildiğinde gösterilecek fare işaretçisini belirler。 |
D
direction | Metin yönü/yazı yazım yönünü belirler。 |
display | Bir HTML elementinin nasıl gösterileceğini belirler。 |
E
empty-cells | Tablo içindeki boş hücreler üzerinde çerçeve ve arka planın gösterilip gösterilmeyeceğini belirler。 |
F
filter | Öğe gösterilmeden önceki etkileri tanımlar (örneğin, bulanıklaştırma veya renk kayması). |
flex | flex-grow, flex-shrink ve flex-basis kısaltma özellikleri. |
flex-basis | Esnek projelerin başlangıç uzunluğunu belirler。 |
flex-direction | Esnek projelerin yönünü belirler。 |
flex-flow | flex-direction ve flex-wrap kısaltma özellikleri. |
flex-grow | 项目相对于其余项目的增量。 |
flex-shrink | 项目相对于其余项目的减量。 |
flex-wrap | flex-wrap |
Elastik öğelerin satır atlaması yapılıp yapılmamasını belirler. | float |
Box'un asılı olup olmamasını belirler. | font |
font-style, font-variant, font-weight, font-size/line-height ve font-family'nin kısaltma özellikleri. | @font-face |
Web-güvenli harfler dışında diğer harfleri indirmek ve kullanmak için kurallar sağlar. | font-family |
Metnin yazı ailesini (harf dizinini) belirler. | font-feature-settings |
OpenType'da farklı şekillerde etkinleştirilebilen özellikleri açıklar. | font-feature-values |
font-kerning | Harf aralıklama bilgilerinin kullanımını (harf aralığı) kontrol eder. |
font-language-override | Belirli bir dilin yazı türlerinin yazı türünde kullanımını kontrol eder. |
@font-palette-values | Yazı paletinin varsayılan değerlerini özelleştirmenizi sağlar. |
font-size | Metnin yazı boyutunu belirler. |
font-size-adjust | Yazı geri dönüşlerinde okunabilirliği korur. |
font-stretch | Harf dizinlerinden normal, sıkıştırılmış veya genişletilmiş bir yazı türü seçer. |
font-style | Metnin yazı tarzını belirler. |
font-synthesis | Hangi eksik yazı tiplerinin (kalın veya yatık) tarayıcı tarafından oluşturulabileceğini kontrol eder. |
font-variant | Metnin küçük büyük harflerle gösterilmesi gerekip gerekmediğini belirler. |
Alternatif adlarla tanımlanmış değişken yazı türlerinin kullanımını kontrol eder. | font-variant-alternates |
font-variant-caps | Büyük harflerin alternatif yazı türlerinin kullanımını kontrol eder. |
font-variant-east-asian | Doğu Asya yazıları (örneğin, Çince ve Japonca) alternatif yazı türlerinin kullanımını kontrol eder. |
font-variant-ligatures | Bir元素的 metin içeriğinde hangi ekleme ve bağlamsal biçimlerin kullanılacağını kontrol eder. |
font-variant-numeric | Sayılar, fractionlar ve sıra işaretlerinin alternatif yazı türlerinin kullanımını kontrol eder. |
font-variant-position | Küçük harflerin alternatif yazı türlerinin kullanımını kontrol eder, bu yazı türleri harf çizgisine göre yukarı veya aşağı konumlandırılır. |
font-weight | 字体粗细的规定。 |
G
grid | grid-template-rows、grid-template-columns、grid-template-areas、grid-auto-rows、grid-auto-columns 以及 grid-auto-flow 属性的简写属性。 |
grid-area | 既可规定网格项的名称,也可以是 grid-row-start、grid-column-start、grid-row-end 以及 grid-column-end 属性的简写属性。 |
grid-auto-columns | 默认列尺寸的规定。 |
grid-auto-flow | 如何在网格中插入自动放置的项目规定。 |
grid-auto-rows | 默认行尺寸的规定。 |
grid-column | grid-column-start 和 grid-column-end 属性的简写属性。 |
grid-column-end | 网格项目结束方式的规定。 |
grid-column-gap | 列间隙尺寸的规定。 |
grid-column-start | 网格项目开始位置的规定。 |
grid-gap | grid-row-gap 和 grid-column-gap 的简写属性。 |
grid-row | grid-row-start 和 grid-row-end 属性的简写属性。 |
grid-row-end | 网格项目结束位置的规定。 |
grid-row-gap | 列间隙尺寸的规定。 |
grid-row-start | 网格项目开始位置的规定。 |
grid-template | grid-template-rows、grid-template-columns 以及 grid-areas 属性的简写属性。 |
grid-template-areas | 使用命名的网格项显示列和行的规定方式。 |
grid-template-columns | 列尺寸指定以及网格布局中列数指定。 |
grid-template-rows | 网格布局中行尺寸指定。 |
H
hanging-punctuation | 标点符号是否可以放置在行框外的规定。 |
height | 元素高度设置。 |
hyphens | 改善段落布局的单词分割设置。 |
hyphenate-character | 换行前用于连字符断行的字符设置。 |
I
image-rendering | Görsel küçültme algoritması türünü belirler. |
@import | Stil tablosunu bir başka stil tablosuna içe aktarmanıza olanak tanır. |
initial-letter | Başlıktaki karakter boyutunu belirler ve başlıkın aşağıya indirilebileceği seçenekli satır sayısını belirler. |
inline-size | Öğenin satır iç yönündeki boyutunu belirler. |
inset | Öğe ile ebeveyn öğe arasındaki mesafeyi belirler. |
inset-block | Öğe ile ebeveyn öğe arasındaki blok yönündeki mesafeyi belirler. |
inset-block-end | Öğenin bitiş noktası ile ebeveyn öğe arasındaki blok yönündeki mesafeyi belirler. |
inset-block-start | Öğenin başlangıç noktası ile ebeveyn öğe arasındaki blok yönündeki mesafeyi belirler. |
inset-inline | Öğe ile ebeveyn öğe arasındaki satır iç yönündeki mesafeyi belirler. |
inset-inline-end | Öğenin bitiş noktası ile ebeveyn öğe arasındaki satır iç yönündeki mesafeyi belirler. |
inset-inline-start | Öğenin başlangıç noktası ile ebeveyn öğe arasındaki satır iç yönündeki mesafeyi belirler. |
isolation | Bir öğenin yeni bir katman içeriği oluşturup oluşturmayacağını tanımlar. |
J
justify-content | Elastik konteyner içindeki öğelerin hizalama biçimini belirler, öğeler tüm kullanılabilir alanı kullanmadığında. |
justify-items | Ağ öğesinin satır iç yönündeki hizalama biçimini belirler. Ağ konteynerinde ayarlanır. |
justify-self | Ağ öğesinin satır iç yönündeki hizalama biçimini belirler. Ağ öğesinde ayarlanır. |
K
@keyframes | Animasyon kodunu belirler. |
L
@layer | CSS katmanlarının tarayış sırasını nasıl değerlendireceğini kontrol eder. |
sol | Yerleştirilmiş öğenin sol konumunu düzenler. |
letter-spacing | Metinde karakter aralığını artırır veya azaltır. |
line-break | Nasıl nasıl/nasıl satır değiştirilir/çizelgesiz mi?. |
line-height | Satır yüksekliğini ayarlar. |
list-style | Bir ifade içinde tüm liste özelliklerini ayarlar. |
list-style-image | Görseli liste öğesi işareti olarak belirler. |
list-style-position | Liste öğesi işaretinin konumunu belirler. |
list-style-type | Liste öğesi işaret türünü belirler. |
M
margin | Bir ifade içinde tüm dış marj özelliklerini ayarlar. |
margin-block | Düzenli yönündeki dış marjı belirler. |
margin-block-end | Düzenli yönün bitiş noktasındaki dış marjı belirler. |
margin-block-start | Düzenli yönün başlangıç noktasındaki dış marjı belirler. |
margin-bottom | Öğenin alt dış marjını ayarlar. |
margin-inline | Belirtilen satır iç yönündeki dış marjı belirler. |
margin-inline-end | Satır içi yöndeki bitiş dış kenar marjını belirtir. |
margin-inline-start | Satır içi yöndeki başlangıç dış kenar marjını belirtir. |
margin-left | Elementin sol dış kenar marjını ayarlar. |
margin-right | Elementin sağ dış kenar marjını ayarlar. |
margin-top | Elementin üst dış kenar marjını ayarlar. |
marker | Elementin yolunun tüm tepe noktalarında (ilk, orta ve son) çizilecek işareti gösterir. |
marker-end | Elementin yolunun son tepe noktasında çizilecek işareti gösterir. |
marker-mid | Elementin yolunun tüm orta tepe noktalarında çizilecek işareti gösterir. |
marker-start | Elementin yolunun ilk tepe noktasında çizilecek işareti gösterir. |
mask |
Aşağıdaki özelliklerin kısaltılmış özellikleri: |
mask-clip | Maska görseline etki eden alanı belirtir. |
mask-composite | Mevcut maska katmanı ile alttaki maska katmanı üzerinde kullanılan sentez işlemi belirtir. |
mask-image | Elementin maska katmanı olarak kullanılacak görseli belirtir. |
mask-mode | Maska katmanının görselinin, parlaklık maskesi olarak mı yoksa alpha maskesi olarak mı ele alınacağını belirtir. |
mask-origin | Maska katmanının görselinin başlangıç konumunu (maska konum alanı) belirtir. |
mask-position | Maska katmanının görselinin başlangıç konumunu (maska konum alanına göre) ayarlar. |
mask-repeat | Maska katmanının görselinin tekrarlanma yöntemini belirtin. |
mask-size | Maska katmanının görselinin boyutunu belirtin. |
mask-type | SVG'yi belirtin |
max-height | Elementin en büyük yüksekliğini ayarlar. |
max-width | Elementin en büyük genişliğini ayarlar. |
@media | Farklı medya türleri, cihazlar, boyutlar için stil kuralları ayarlar. |
max-block-size | Elementin blok yöndeki en büyük boyutunu ayarlar. |
max-inline-size | Elementin satır içi yöndeki en büyük boyutunu ayarlar. |
min-block-size | Elementin blok yöndeki en küçük boyutunu ayarlar. |
min-inline-size | Elementin satır içi yöndeki en küçük boyutunu ayarlar. |
min-height | Elementin en küçük yüksekliğini ayarlar. |
min-width | Elementin en küçük genişliğini ayarlar. |
mix-blend-mode | Element içeriğinin, doğrudan ebeveyn arka planıyla nasıl karıştırılacağını belirler. |
N
@namespace | Stil tablosunda kullanılan XML adlandırma alanını tanımlar. |
O
object-fit | Belirtilen elementin içeriğinin, kullanılan yükseklik ve genişlik çerçevesine nasıl uyum sağlaması gerektiğini belirler. |
object-position | 指定替换元素在其框内的对齐方式。 |
offset |
Aşağıdaki özelliklerin kısaltılmış özellikleri: |
offset-anchor | 指定元素上固定在动画路径上的点。 |
offset-distance | 指定动画元素在路径上的位置。 |
offset-path | 指定元素沿其动画的路径。 |
offset-position | 指定元素沿路径的初始位置。 |
offset-rotate | 指定元素沿路径动画时的旋转。 |
opacity | 设置元素的不透明等级。 |
order | 设置弹性项目相对于其余项目的顺序。 |
orphans | 设置页面或列底部必须保留的最小行数。 |
orphans | 设置在元素内发生分页时必须保留在页面底部的最小行数。 |
outline | outline-width、outline-style 以及 outline-color 属性的简写属性。 |
outline-color | 设置轮廓的颜色。 |
outline-offset | 对轮廓进行偏移,并将其绘制到边框边缘之外。 |
outline-style | 设置轮廓的样式。 |
outline-width | 设置轮廓的宽度。 |
overflow | 规定如果内容溢出元素框会发生什么情况。 |
overflow-anchor | 指定在可滚动容器中加载新内容时,是否应将可见区域中的内容向下推。 |
overflow-wrap | 指定浏览器是否可以在长单词溢出容器时断行。 |
overflow-wrap | 规定浏览器是否可能为了防止溢出而在单词内折行(当字符串太长而无法适应其包含框时)。 |
overflow-x | 规定是否剪裁内容的左右边缘,如果它溢出了元素的内容区域。 |
overflow-y | 规定是否剪裁内容的上下边缘,如果它溢出了元素的内容区域。 |
overscroll-behavior | 指定在 x 和 y 方向上是否具有滚动链或过度滚动效果。 |
overscroll-behavior-block | 指定在块方向上是否具有滚动链或过度滚动效果。 |
overscroll-behavior-inline | 指定在行内方向上是否具有滚动链或过度滚动效果。 |
overscroll-behavior-x | 指定在 x 方向上是否具有滚动链或过度滚动效果。 |
overscroll-behavior-y | 指定在 y 方向上是否具有滚动链或过度滚动效果。 |
P
padding | 所有 padding-* 属性的简写属性。 |
padding-block | Blok yönündeki iç marjı belirtir. |
padding-block-end | Blok yönündeki bitiş iç marjını belirtir. |
padding-block-start | Blok yönündeki başlangıç iç marjını belirtir. |
padding-bottom | Öğenin alt iç marjını ayarlar. |
padding-inline | Satır iç yönündeki iç marjı belirtir. |
padding-inline-end | Satır iç yönündeki bitiş iç marjını belirtir. |
padding-inline-start | Satır iç yönündeki başlangıç iç marjını belirtir. |
padding-left | Öğenin sol iç marjını ayarlar. |
padding-right | Öğenin sağ iç marjını ayarlar. |
padding-top | Öğenin üst iç marjını ayarlar. |
@page | Yazdırılan sayfanın boyutunu, yönünü ve marjlarını özelleştirir. |
page-break-after | Öğenin sonraki sayfa kesme (page-break) davranışını ayarlar. |
page-break-before | Öğenin önceki sayfa kesme (page-break) davranışını ayarlar. |
page-break-inside | Öğenin içindeki sayfa kesme (page-break) davranışını ayarlar. |
paint-order | SVG öğesi veya metnin çizim sırasını ayarlar. |
perspective | 3D konumlandırma öğelerine perspektif sağlar. |
perspective-origin | Kullanıcının 3D konumlandırma öğesini izlediği konumu tanımlar. |
place-content | flexbox ve ızgara düzeninin align-content ve justify-content özellik değerlerini belirtir. |
place-items | ızgara düzeninin align-items ve justify-items özellik değerlerini belirtir. |
place-self | ızgara düzeninin align-self ve justify-self özellik değerlerini belirtir. |
pointer-events | Öğenin işaretçi olaylarına nasıl tepki vereceğini tanımlar. |
position | Öğenin konumlandırma yöntemini belirleyen türü (istikrarlı, göreli, mutlak veya sabit) düzenler. |
@property | Özel CSS özelliklerini tarayıcıda çalıştırmadan doğrudan stil tablosunda tanımlar. |
Q
quotes | Söz dizgisi türünü ayarlar. |
R
resize | Kullanıcının öğenin boyutunu nasıl ve hangi şekilde ayarlayabileceğini tanımlar. |
right | Yerleştirilmiş öğenin sol konumunu düzenler. |
rotate | Öğenin dönüşümünü belirtir. |
row-gap | Belirtilen ızgarı satırları arasındaki boşluğu belirler. |
S
scale | Bir elementin boyutunu genişletmek veya küçültmek için kullanılır. |
@scope | Belirli bir DOM alt ağacındaki elementleri seçmenize ve elementleri belirli bir konuma yerleştirmenize olanak tanır, aşırı spesifik seçiciler yazmadan. |
scroll-behavior | Kendiliğinden kayan çerçevelerde kaymanın pürüzsüz olup olmadığını belirler, doğrudan atlamak yerine. |
scroll-margin | Yapışma konumundan slayt arasındaki dış marjı belirtir. |
scroll-margin-block | Yatay blok yönde yapışma konumundan slayt arasındaki dış marjı belirtir. |
scroll-margin-block-end | Yatay blok yönde yapışma konumundan slayt bitiş noktası arasındaki dış marjı belirtir. |
scroll-margin-block-start | Yatay blok yönde yapışma konumundan slayt başlangıç noktası arasındaki dış marjı belirtir. |
scroll-margin-bottom | Alt yapışma konumundan slayt arasındaki dış marjı belirtir. |
scroll-margin-inline | Yatay iç yönde yapışma konumundan slayt arasındaki dış marjı belirtir. |
scroll-margin-inline-end | Yatay iç yönde yapışma konumundan slayt bitiş noktası arasındaki dış marjı belirtir. |
scroll-margin-inline-start | Yatay iç yönde yapışma konumundan slayt başlangıç noktası arasındaki dış marjı belirtir. |
scroll-margin-left | Sol yapışma konumundan slayt arasındaki dış marjı belirtir. |
scroll-margin-right | Sağ yapışma konumundan slayt arasındaki dış marjı belirtir. |
scroll-margin-top | Üst yapışma konumundan slayt arasındaki dış marjı belirtir. |
scroll-padding | Slaytın başlangıç noktasından başlayarak alt elemanın yapışma konumuna kadar olan mesafe. |
scroll-padding-block | Slaytın başlangıç noktasından başlayarak alt elemanın yapışma konumuna kadar olan mesafe. |
scroll-padding-block-end | Slaytın bitiş noktasından başlayarak alt elemanın yapışma konumuna kadar olan mesafe. |
scroll-padding-block-start | Slaytın başlangıç noktasından başlayarak alt elemanın yapışma konumuna kadar olan mesafe. |
scroll-padding-bottom | Slaytın alt kenarından başlayarak alt elemanın yapışma konumuna kadar olan mesafe. |
scroll-padding-inline | Slaytın sol kenarından başlayarak alt elemanın yapışma konumuna kadar olan mesafe. |
scroll-padding-inline-end | Slaytın sağ kenarından başlayarak alt elemanın yapışma konumuna kadar olan mesafe. |
scroll-padding-inline-start | Slaytın sol kenarından başlayarak alt elemanın yapışma konumuna kadar olan mesafe. |
scroll-padding-left | Konteynerin sol kısmından alt elementin yapıştırma konumuna olan mesafeyi belirtir. |
scroll-padding-right | Konteynerin sağ kısmından alt elementin yapıştırma konumuna olan mesafeyi belirtir. |
scroll-padding-top | Konteynerin üst kısmından alt elementin yapıştırma konumuna olan mesafeyi belirtir. |
scroll-snap-align | Kullanıcı kaydırmayı durdurduğunda elementin konumunu belirtir. |
scroll-snap-stop | Dokunmatik yüzey veya dokunmatik ekran üzerinde hızlı kaydırıldıktan sonra kaydırma davranışını belirtir. |
scroll-snap-type | Sürekli kaydırma sırasında yapıştırma davranışını belirtir. |
scrollbar-color | Element滚动条的rengini belirtir. |
shape-outside | Satır içeriğinin çevreleme şeklini tanımlar. |
@starting-style | İlk tarz güncellemesi öncesinde elementin başlangıç tarzını tanımlar. |
@supports | Tarayıcının belirli bir CSS özelliğini destekleyip desteklemediğini test etmek için kullanılır. |
T
tab-size | Simgelerin genişliğini belirtir. |
table-layout | Hücreler, satırlar ve sütunların düzenlenmesi için kullanılan algoritmayı tanımlar. |
text-align | Metnin yatay hizalama tarzını belirtir. |
text-align-last | text-align olarak "justify" kullanıldığında, blok veya satırın son satırını zorunlu satır değişiminden önce nasıl hizalanacağını açıklar. |
text-combine-upright | Çoklu karakterleri tek bir karakter alanına birleştirir. |
text-decoration | Metin dekorasyonunu belirtir. |
text-decoration-color | Metin dekorasyonunun rengini belirtir. |
text-decoration-line | Metin dekorasyonu (text-decoration) içindeki satır türünü belirtir. |
text-decoration-style | Metin dekorasyonu (text-decoration) içindeki satır tarzını belirtir. |
text-decoration-thickness | Dekorasyon çizgisinin kalınlığını belirtir. |
text-emphasis |
Aşağıdaki özelliklerin kısaltılmış özellikleri: |
text-emphasis-color | Vurgulama işaretinin rengini belirtir. |
text-emphasis-position | Vurgulama işaretinin konumunu belirtir. |
text-emphasis-style | Vurgulama işaretinin tarzını belirtir. |
text-indent | Metin bloğu (text-block) içindeki ilk satırın girişini belirtir. |
text-justify | text-align olarak "justify" kullanıldığında kullanılan hizalama yöntemini belirtir. |
text-orientation | Bir satırdaki karakterlerin yönünü tanımlar. |
text-overflow | Metnin içerik elemanını aşması durumunda ne olacağını belirtir. |
text-shadow | Metne gölge ekler. |
text-transform | Metnin büyük harf olup olmadığını kontrol eder. |
text-underline-offset | Alt çizgili metin süslemesinin kaydırma mesafesini belirtir. |
text-underline-position | Alt çizgili metin süslemesinin konumunu belirtir. |
top | Yerleştirme elemanının üst kenar konumunu belirtir. |
transform | 2D veya 3D dönüşüm uygulayarak elemana 2D veya 3D dönüşüm uygular. |
transform-origin | Dönüşüm elementinin konumunu değiştirmenize izin verir. |
transform-style | 3B alanında içe gömülen elemanların nasıl render edileceğini belirtir. |
transition | Bütün transition-* özelliklerinin kısa adı. |
transition-delay | Geçiş etkisinin ne zaman başlayacağını belirtir. |
transition-duration | Geçiş etkisini tamamlamak için gerekli saniye veya milisaniye sayısını belirtir. |
transition-property | Geçiş etkisinin karşılık gelen CSS özniteliğinin adını belirler. |
transition-timing-function | Geçiş etkisinin hız eğrisini belirler. |
translate | Elemanın konumunu belirtir. |
U
unicode-bidi | direction özniteliği ile birlikte kullanılır, aynı belgedeki çok dil desteklemek için metni yeniden yazmayı destekleyip desteklemeyeceğini ayarlar veya döndürür. |
user-select | Elemanın metninin seçilebilir olup olmadığını belirtir. |
V
vertical-align | Elemanın dikey hizalama tarzını ayarlar. |
visibility | Elemanın görünürlüğünü belirler. |
W
white-space | Elemanın içindaki boş karakterlerin nasıl işleneceğini belirtir. |
widows | Sayfa veya sütun başında tutulması gereken en az satır sayısını ayarlar. |
widows | Elemanın içinde sayfa bölmesi olduğunda, sayfa başında tutulması gereken en az satır sayısını ayarlar. |
width | Elemanın genişliğini ayarlar. |
word-break | Kelimenin satır sonuna ulaşınca nasıl satır değişeceğine karar verir. |
word-spacing | Metin içindeki kelime aralarını artırır veya azaltır. |
word-wrap | Uzun, satırın ortasına katılmayan kelimelerin bir sonraki satıra geçmesine izin verir. |
writing-mode | Metin satırının yatay mı yoksa dikey mi düzenlendiğini belirtir. |
Z
z-index | Yerleştirme elemanının katman sırasını ayarlar. |
zoom | Belirtilen elemanın ölçek faktörü. Elemanı büyütebilir ve küçültebilir. |
- Önceki Sayfa CSS Referans Kılavuzu
- Sonraki Sayfa CSS Tarayıcı Desteği