Özellikleri değiştirme

Google Web Designer'daki her öğe; boyut, konum ve stil gibi bir özellik grubuna sahiptir. Çoğu öğe benzer özelliklere sahip olsa da bileşenler gibi bazı öğelerin kendilerine has özellikleri vardır.

Özellikler panelinde özellikleri görüntüleyip düzenleyebilirsiniz.

Yaygın özellikler

Çoğu öğe bu yaygın özellikleri paylaşır. Bazı öğeler, yaygın özelliklerin tamamına sahip olmayabilir.

Öğe kimliği

Özellik	Açıklama
Öğe	Öğe türünü gösterir. Öğe türleri, varsayılan olarak her bir görsel öğe veya bileşen için oluşturulur. Özel öğeler de oluşturulabilir.
Kimlik	Öğenin kimliğidir. Yalnızca kimliği olan öğeler, bir etkinliğin hedefi veya alıcısı olabilir.

Konum ve boyut

Özellik	Açıklama
Sol	Öğe ile sahnenin (veya üst öğenin) sol tarafı arasındaki mesafedir. Piksel cinsinden ya da sahnenin (veya üst öğenin) toplam genişliğine oranla yüzdelik değer olarak ifade edilir.
Üst	Öğe ile sahnenin (veya üst öğenin) üst tarafı arasındaki mesafedir. Piksel cinsinden ya da sahnenin (veya üst öğenin) toplam yüksekliğine oranla yüzdelik değer olarak ifade edilir.
Genişlik	Öğenin genişliği, piksel cinsinden ya da sahnenin (veya üst öğenin) toplam genişliğine oranla yüzdelik değer olarak ifade edilir.
Yükseklik	Öğenin yüksekliği, piksel cinsinden ya da sahnenin (veya üst öğenin) toplam yüksekliğine oranla yüzdelik değer olarak ifade edilir.

Piksel ve yüzdelik değerler arasında seçim yapmak için:

Ölçüm birimini (piksel veya %) tıklayın ve pop-up menüsünden kullanmak istediğiniz birimi seçin.

Ayrıca, Yüzdeleri kullan düğmesini tıklayarak tüm konum ve boyut özelliklerini yüzdelik değerlere geçirebilirsiniz.

Bu seçenek, bazı öğe türleri için kullanılamayabilir.

Genişlik ve yükseklik oranını korumak için:

En boy oranını koru düğmesini tıklayın. Genişlik veya yükseklik değiştiğinde, diğer boyut, oranı koruyacak şekilde otomatik olarak düzenlenir.

Diğer boyutu etkilemeden genişliği veya yüksekliği değiştirmek için düğmeyi tekrar tıklayın.

Sabitleme

Sabitleme; öğenin veya kapsayıcının boyutu, dolgusu ya da kenarlık genişliği değişse bile kapsayıcı içindeki öğeleri kalıcı olarak hizalamanıza olanak tanır. Belirlediğiniz konum veya hareket ettirme özellikleri, öğeyi sabitleme noktasından uzaklaştırır.

Bir yatay sabitleme modu ve bir dikey sabitleme modu seçersiniz. Varsayılan değer "sol üst"tür.

Yatay sabitleme modları

Mod	Efekt
sol	Öğenin sol kenarı, kapsayıcının sol kenarına hizalanır.
merkez	Öğenin yatay merkezi, kapsayıcının yatay merkezine hizalanır.
sağ	Öğenin sağ kenarı, kapsayıcının sağ kenarına hizalanır.

Dikey sabitleme modları

Mod	Efekt
üst	Öğenin üst kenarı, kapsayıcının üst kenarına hizalanır.
orta	Öğenin dikey merkezi, kapsayıcının dikey merkezine hizalanır.
alt	Öğenin alt kenarı, kapsayıcının alt kenarına hizalanır.

Boyut kısıtlamaları

Boyut kısıtlamaları, bir öğenin boyutlarını sınırlar (belirtilen boyutlar kısıtlamaların dışında olsa bile). Bir boyut kısıtlamasını kaldırmak için değeri silip alanı boş (---) bırakın.

Özellik	Açıklama
Min G	Öğenin minimum genişliği, piksel cinsinden ya da sahnenin (veya üst öğenin) toplam genişliğine oranla yüzdelik değer olarak ifade edilir.
Min Y	Öğenin minimum yüksekliği, piksel cinsinden ya da sahnenin (veya üst öğenin) toplam yüksekliğine oranla yüzdelik değer olarak ifade edilir.
Maks G	Öğenin maksimum genişliği, piksel cinsinden ya da sahnenin (veya üst öğenin) toplam genişliğine oranla yüzdelik değer olarak ifade edilir.
Maks Y	Öğenin maksimum yüksekliği, piksel cinsinden ya da sahnenin (veya üst öğenin) toplam yüksekliğine oranla yüzdelik değer olarak ifade edilir.

Hareket ettirme, döndürme ve ölçek

3D değer türleri

Tür	Açıklama
Fark	Bir öğenin mevcut değerlerine oranla 3D konumunu, dönüşünü veya ölçeğini değiştirmenizi sağlar. Düzenlemeler arasında değerler sıfıra ayarlanır.
Mutlak	Bir öğenin 3D konumunu, dönüşünü ve ölçeğini sahneye oranla 3D olarak gösterir.

Hareket ettirme, döndürme ve ölçek için X, Y ve Z değerleri

Özellik	Açıklama
Çeviri	X, Y ve Z değerlerinin üst satırı, öğelenin 3D çeviri değerlerini temsil eder.
Döndürme	İkinci satır, her bir eksen çevresindeki döndürmeyi gösterir.
Ölçek	Üçüncü satır ölçeği gösterir. X, y ve z eksenlerinde aynı ölçeklendirme değerlerini uygulamak için Eşit olarak ölçeklendir düğmesini tıklayın.

Stil

Dolgu

Özellik	Açıklama
Opaklık	Öğenin opaklığı, 0 (tamamen şeffaf) ile 1 (tamamen opak) arasında bir değerle ifade edilir.
Dolgu	Öğenin dolgu rengini seçmek için renk kutusunu tıklayın.
Taşma	İçeriğin kapsayıcısından taştığında nasıl işleneceğini ifade eder: visible: İçeriğin kapsayıcı dışında kalan kısmı görünür. hidden: İçerik, kaydırma çubukları olmadan kapsayıcının kenarından kırpılır. scroll: İçerik, kapsayıcının kenarından kırpılır. Kaydırma çubukları, taşma olmasa bile her zaman gösterilir. auto: İçerik, kapsayıcının kenarından kırpılır ve kaydırma çubukları gerektiğinde gösterilir. initial: İçerik, başlangıçtaki taşma davranışına ayarlanır. inherit: Kapsayıcı, taşma kurallarını üst kapsayıcısından devralır.
Görünürlük	Öğenin görünürlüğü: visible: Öğe görünürdür. (Varsayılan) hidden: Öğe gizlidir ancak düzeni etkilemeye devam eder. collapse: Öğe gizlidir ve tablo satırları daraltılmıştır. initial: Öğe, başlangıçtaki görünürlüğüne ayarlanır. inherit: Öğe, görünürlük kurallarını üst kapsayıcısından devralır.

Sınır

Özellik	Açıklama
Kenarlık rengi	Öğenin sınırına ilişkin rengi seçmek için renk kartelasını tıklayın.
Kenarlık genişliği	Kenarlığın genişliğini piksel veya nokta olarak ifade eder.
Stil	Kenarlığın stilidir. Aşağıdakilerden birini seçebilirsiniz: none solid hidden dotted dashed double groove ridge inset outset
Köşe yarıçapı	Yuvarlama yarıçapını piksel, nokta veya yüzde olarak ifade eder. Varsayılan olarak köşeler aynı yarıçapa ayarlanır. Her köşeyi ayrı olarak ayarlamak için Aynısını koru düğmesini tıklayın.

Kenar boşlukları

Öğenin kenar boşlukları, piksel veya yüzde olarak ayarlanabilir. Varsayılan olarak kenar boşlukları aynı değere ayarlanır. Her kenarı ayrı olarak ayarlamak için Aynısını koru düğmesini tıklayın.

Dolgu

Öğenin dolgusu piksel veya yüzde olarak ayarlanabilir. Varsayılan olarak dolgu miktarları aynı değere ayarlanır. Her kenarı ayrı olarak ayarlamak için Aynısını koru düğmesini tıklayın.

Hareket yolu özellikleri

Hareket yolları olan öğeler için Özellikler paneli, bir sabitleme noktası eklemenizden veya hareket yolunun şeklini eğri olarak değiştirmenizden sonra, hareket yolu özelliklerini de görüntüler.

Sayfa özellikleri

Her sayfanın kendi özellik grupları vardır. Hiçbir öğe seçili değilken bunları görüntüleyip değiştirebilirsiniz.

Video reklam ve animasyonlu GIF özellikleri

Video reklamlar ve animasyonlu GIF'ler, hiçbir öğe seçili değilken video reklam boyutunu ve kare hızını değiştirmenize imkan sağlar.

Bileşen özellikleri

Yaygın özelliklere ek olarak, her bileşenin kendi özellikleri vardır. Bunlar her bileşenin yardım sayfasında açıklanmıştır.