Şapka - CSS Hileleri

İçindekiler

caretCSS'de caret-colorve caret-shapeözelliklerini tek bir bildirimde birleştiren kısa bir özelliktir . Yani şunu yazacağız:

.element ( caret: #ff7a18 underscore; )

… Bunu yazmaya benzer:

.element ( caret-color: #ff7a18; caret-shape: underscore; )

Bir imleç rengini ve şeklini değiştirmek istediğinizde bu güzel bir kısayol. Ve şapka nedir diye mi soruyorsun? Muhtemelen en çok metin girişi veya metin alanı gibi düzenlenebilir bir öğeye yazarken görüyorsunuz. Bu yazıyı, temelde dev bir form alanı olan WordPress'te yazıyorum ve bu, bana yanıp sönerken gördüğüm düzeltme işareti:

Yani, caret-colordiyelim ki, #ff7a18ve caret-shapegibi bir şeye ayarlayarak, şuna benzer bir underscoreşey görmeyi bekleyebiliriz:

Sözdizimi

caret: ||

Sözdizimi şu veya bu değeri alabilir… veya her ikisini birden alabilir! Bir değer boşsa, autoher iki bileşen özelliği için de başlangıç değeri kullanılır .

İlk: auto
Şunlar için geçerlidir: girdiyi kabul eden öğeler
Devralındı: evet
Yüzdeler: n / a
Hesaplanan değer: bireysel özelliklere bakın
Animasyon türü: canlandırılamaz

Değerler

caret: #ff7a18 underscore; caret: yellow block; caret: hsla(50, 100%, 50%, 0.75) bar; /* Keyword color values */ caret: auto; caret: transparent block; caret: currentcolor underscore; /* Global values */ caret: inherit; caret: initial; caret: unset;

Tarayıcı desteği

Şu anda yok. Özellik, başlangıçta şu anda Editör Taslağında bulunan CSS Temel Kullanıcı Arayüzü Modülü Seviye 4 spesifikasyonunda tanımlanmıştır. Bu, şimdi ve tarayıcıların uygulaması için bir öneri haline geldiği zaman arasında yapılacak değişiklikler için hala yer olduğu anlamına gelir.

Bu arada, caretmülkün başka bir CSS sihriyle "sahtesini" yapabiliriz .