Görsel sonuçlar taşma ve kırpılma çerçeve taşma Taşma ve kırpılma

Genellikle, bir çerçevenin içeriği çerçevenin içerik sınırları ile kuşatılır. Bazı durumlarda, çerçevenin içeriği tamamen veya kısmen çerçevenin dışında kalır ve bu durum taşma olarak adlandırılır. Taşma oluşturabilen durumlar:

Satır çerçevesi blok çerçevesinden daha geniş yapılarak bir satır kesilemez.

Blok seviyesinden bir çerçeve taşıyıcı blok için fazla geniştir. Bir elemanın width niteliğinin, üretilen çerçevenin taşıyıcı blokun kenarlarından dışarı dökülmesine sebep olacak bir değere sahip olması halinde bu mümkün olabilir.

Bir elemanın yüksekliği taşıyıcı bloka atanmış yükseklikten fazladır (yani, taşıyıcı blokun yüksekliği içerik yüksekliği ile değil, height niteliği ile belirleniyordur).

Bir astsal çerçeve, ebeveyn çerçevenin kısmen dışında kalacak şekilde mutlak olarak konumlanmıştır.

Bir astsal çerçeve, ebeveyn çerçevenin kısmen dışında kalacak şekilde negatif kenar dış boşluklarına sahiptir.

Taşma oluştuğunda, bir çerçevenin nasıl kırpılacağı (veya kırpılmayacağı) overflow niteliği ile belirtilir. clip niteliği ile kırpılma bölgesinin boyutları ve şekli belirtilir. İçerikten daha küçük bir kırpılma bölgesinin belirtilmesi, görünmesi gereken içeriğin kırpılmasına sebep olabilir.

Taşma: overflow niteliği overflow nitelikler overflow overflow visible | hidden | scroll | auto | inherit visible blok seviyesinden ve yerleştirilen elemanlar hayır görsel

Bu nitelik bir blok seviyesinden elemanın içeriğinin, elemanın (içerik için taşıyıcı blokluk yapan) çerçevesinden taştığı zaman kırpılıp kırpılmayacağını belirler. Değerlerin anlamları şöyledir:

Bu değer içeriğin kırpılmayacağını belirtir, yani, blok çerçevesinden dışarı taşan içerik kırpılmayıp oluşturulur.

Bu değer taşan içeriğin kırpılacağını ve kırpılan içeriği göstermek için bir kaydırma mekanizmasının olmayacağını belirtir; kullanıcılar kırpılan içeriğe erişemeyecektir. Kırpma bölgesinin şekli ve boyutları clip niteliği ile belirtilir.

Bu değer taşan içeriğin kırpılacağını ve eğer kullanıcı arayüzü kırpılan içeriği göstermek için bir kaydırma mekanizması kullanıyorsa, içerik kırpılsın/kırpılmasın çerçeve üzerinde bu mekanizmanın gösterilmesi gerektiğini belirtir. Bu değer, özdevimli bir ortamda kaydırma çubuklarının görünür ve görünmez yapılması ile ilgili sorunların ortaya çıkmasını önler. Bu değer hedef ortam print iken belirtildiğinde, taşan içerik basılacaktır.

auto değerinin davranışı kullanıcı arayüzüne bağlıdır fakat kaydırma mekanizmasının sadece taşan çerçeveler için gösterilmesini gerektirir.

overflow niteliği visible olarak belirtilse bile, kullanıcı arayüzünün belge penceresindeki içerik yerel işletim sistemi tarafından kırpılabilir.

Aşağıdaki belgede blockquote içeriğinin (div elemanının oluşturduğu) taşıyıcı blok için çok büyük olduğunu varsayalım:

Bütün dünya ölçüsünde çocuklarımızı dünya vatandaşı olarak, hırstan, kinden, garazdan ve her türlü husumetten kurtulmuş olarak terbiye etmeliyiz.

- M. K. Atatürk
]]>

Üretilen çerçevelerin boyutlarını ve şeklini denetleyen biçembent:

div { width : 200px; height: 200px; border: thin solid red; } blockquote { width : 190px; height : 190px; margin-top: 50px; margin-left: 50px; border: dashed black; } cite { display: block; text-align : right; border: none; padding: 5px } p { margin: 0; padding: 5px }

overflow niteliğinin ilk değeri visible olduğundan blockquote kırpılmadan biçimlenecektir:

[Açıklama]

div elemanı için overflow değerini hidden yaparak blockquote içeriğinin kırpılmasına sebep oluruz:

[Açıklama]

hidden yerine scroll değeri verilseydi, kaydırma mekanizmasını destekleyen bir kullanıcı arayüzü bunu göstererek kullanıcının kırpılmış içeriğe de erişmesi mümkün kılınabilirdi.

 kırpılma bölgesi Kırpma: clip niteliği

Kırpılma bölgesi bir elemanın oluşturulan içeriğinin ne kadarlık bölümünün görünür olaçağını tanımlar. Öntanımlı olarak kırpılma bölgesi elemanın çerçeveleri ile aynı şekil ve boyuttadır. Bununla birlikte, kırpılma bölgesinde clip niteliği ile değişiklik yapılabilir.

clip nitelikler clip clip şekil | auto | inherit auto blok seviyesinden ve yerleştirilen elemanlar hayır görsel

clip niteliği, overflow niteliğinin değeri visible'dan farklı olan elemanlara uygulanır. Değerlerin anlamları şöyledir:

Kırpılma bölgesi elemanın çerçeveleri ile aynı boyut ve konumda olur.

BB2'de, geçerli tek şekil dikdörtgendir; rect (üst, sağ, alt, sol) sözdizimiyle belirtilir ve buradaki üst, alt, sağ ve sol çerçevenin ayrı ayrı kenarlarını belirler. Belirsizlikten dolayı, kullanıcı arayüzleri rect() işlevinin argümanları arasında virgülü desteklemeyebilir.

üst sağ alt sol üst, sağ, alt ve sol biruzunluk değerine veya auto değerine sahip olabilir. Negatif uzunluklara izin verilir. auto değeri, kırpma bölgesinin sınırının elemanın üretilen çerçevesinin sınırıyla aynı olacağı anlamına gelir (yani, auto değeri '0' ile aynı anlama gelir).

Koordinatlar piksel değerlerine yuvarlandığında, sol ve sağ toplamının elemanın genişliğine (veya üst ve alt toplamının elemanın yüksekliğine) eşit olduğu zaman hiçbir görünür piksel kalmayacağı ve bunun tersi olarak, bu toplamlar '0' olduğunda hiçbir pikselin gizli kalmayacağı dikkate alınmalıdır.

Elemanın üstsellerinin de kırpılma bölgeleri olabilir (overflow niteliklerinin değeri visible olmadığında); oluşturulan içerik kırpılma bölgelerinin kesişimi olur.

Eğer kırpılma bölgesinin sınırları kullanıcı arayüzünün belge penceresinin sınırlarını aşarsa içerik yerel işletim sistemi tarafından bu pencereyle kırpılabilir.

Şu iki kural:

P { clip: rect(5px, 10px, 10px, 5px); } P { clip: rect(5px, -5px, 10px, 5px); }

aşağıdaki resimlerdeki gibi kesikli çizgilerle sınırlanmış dikdörtgen kırpılma bölgeleri oluşturacaktır:

[Açıklama]

BB2'de, tüm kırpılma bölgeleri dikdörtgendir. Belirtimin sonraki aşamalarında dikdörtgenden farklı kırpılma bölgelerine de izin verileceğini umuyoruz.

 Görünürlük: visibility niteliği visibility nitelikler visibility visibility visible | hidden | collapse | inherit visible evet görsel

visibility niteliği bir eleman tarafından üretilen çerçevelerin oluşturulup oluşturulmayacağını belirler. Görünmez çerçeveler hala yerleşimi etkiliyor olacaktır (etkilememesi için ayrıca display niteliğine de none atanabilir). Değerlerin anlamları şöyledir:

Üretilen çerçeve görünür.

Üretilen çerçeve görünmez (tamamen saydam olur), ama hala yerleşimi etkiler.

Lütfen tablolarda bölümüne bakınız. Satır ve sütun elemanları dışında kullanıldığında collapse değeri hidden ile aynı anlamdadır.

Bu nitelik betiklerle özdevimli etkiler oluşturmak için kullanılabilir.

Bu örnekte, iki düğmeden birine basarak ilgili çerçevenin görünür olması, diğerinin gizlenmesi sağlanmaktadır. Bu çerçeveler aynı konumda ve aynı boyutta olduklarından içerikler değişiyormuş gibi görünür. (Betik dili olarak JavaScript kullanılmış olup, kodlar hemen hemen her güncel tarayıcı ile çalışacak şekilde seçilmiştir.)

Bir şüpheli seçiniz:

Al Capone

Adı: Al Capone

İkametgahı: Chicago

Lucky Luciano

Adı: Lucky Luciano

İkametgahı: New York

]]>