v2.5.2
Giriş yap

CSS'de Ölçü Birimleri

CSS, bir uzunluğu ifade etmek için birkaç farklı birime sahiptir. width, margin, padding, font-size, vb. gibi birçok CSS özellikleri uzunluk birimleri ile değer alır. Uzunluk birimleri bir sayıdan hemen sonra eklenir ve sayı ile birim arasında boşluk bırakılamaz. Verilen sayı değeri 0 ise, birim önemsizdir. Bazı CSS özellikleri için uzunluklarda negatif sayılara izin verilir. Birimler mutlak ve göreceli olarak ikiye ayrılır.

Mutlak uzunluk birimleri sabittir ve bunlardan herhangi birinde ifade edilen bir uzunluk, tam olarak bu boyutta görünecektir. Mutlak uzunluk birimlerinin kullanılması önerilmez, çünkü ekran boyutları çok fazla değişiklik gösterir. Bunlar; cm, mm, in, px, pt, pc

Göreceli uzunluk birimleri ise değişkendir. Başka bir uzunluğun değerine göre belirlenir. Bunlar; em, ex, ch, rem, vw, vh, vmin, vmax, %

Yapısı (Syntax)<özellik> : <sayı><birim>;
JavaScript Yapısı
( ! ) Notice: Undefined property: stdClass::$js_syntax in /home/prototurk.com/public_html/app/view/article-css.php on line 74
Call Stack
#TimeMemoryFunctionLocation
10.0002360624{main}( ).../index.php:0
20.0047444072require( '/home/prototurk.com/public_html/app/controller/category.php' ).../index.php:101
30.0087454944require( '/home/prototurk.com/public_html/app/view/article.php' ).../category.php:34
40.0256613808parseTemplate( ).../article.php:112
50.0256613888preg_replace_callback ( ).../template.php:126
60.0256614360bb_json( ).../template.php:126
70.0259641992require( '/home/prototurk.com/public_html/app/view/article-css.php' ).../template.php:216
Animasyon Özellikleri Uygulanabilir
( ! ) Notice: Undefined property: stdClass::$animatable in /home/prototurk.com/public_html/app/view/article-css.php on line 82
Call Stack
#TimeMemoryFunctionLocation
10.0002360624{main}( ).../index.php:0
20.0047444072require( '/home/prototurk.com/public_html/app/controller/category.php' ).../index.php:101
30.0087454944require( '/home/prototurk.com/public_html/app/view/article.php' ).../category.php:34
40.0256613808parseTemplate( ).../article.php:112
50.0256613888preg_replace_callback ( ).../template.php:126
60.0256614360bb_json( ).../template.php:126
70.0259641992require( '/home/prototurk.com/public_html/app/view/article-css.php' ).../template.php:216
Hayır (Daha fazla detay)

Değerler

Değer Açıklama Versiyon
cm santimetre
( ! ) Notice: Undefined property: stdClass::$version in /home/prototurk.com/public_html/app/view/article-css.php on line 118
Call Stack
#TimeMemoryFunctionLocation
10.0002360624{main}( ).../index.php:0
20.0047444072require( '/home/prototurk.com/public_html/app/controller/category.php' ).../index.php:101
30.0087454944require( '/home/prototurk.com/public_html/app/view/article.php' ).../category.php:34
40.0256613808parseTemplate( ).../article.php:112
50.0256613888preg_replace_callback ( ).../template.php:126
60.0256614360bb_json( ).../template.php:126
70.0259641992require( '/home/prototurk.com/public_html/app/view/article-css.php' ).../template.php:216
mm milimetre
( ! ) Notice: Undefined property: stdClass::$version in /home/prototurk.com/public_html/app/view/article-css.php on line 118
Call Stack
#TimeMemoryFunctionLocation
10.0002360624{main}( ).../index.php:0
20.0047444072require( '/home/prototurk.com/public_html/app/controller/category.php' ).../index.php:101
30.0087454944require( '/home/prototurk.com/public_html/app/view/article.php' ).../category.php:34
40.0256613808parseTemplate( ).../article.php:112
50.0256613888preg_replace_callback ( ).../template.php:126
60.0256614360bb_json( ).../template.php:126
70.0259641992require( '/home/prototurk.com/public_html/app/view/article-css.php' ).../template.php:216
in inc (1in = 96px = 2.54cm)
( ! ) Notice: Undefined property: stdClass::$version in /home/prototurk.com/public_html/app/view/article-css.php on line 118
Call Stack
#TimeMemoryFunctionLocation
10.0002360624{main}( ).../index.php:0
20.0047444072require( '/home/prototurk.com/public_html/app/controller/category.php' ).../index.php:101
30.0087454944require( '/home/prototurk.com/public_html/app/view/article.php' ).../category.php:34
40.0256613808parseTemplate( ).../article.php:112
50.0256613888preg_replace_callback ( ).../template.php:126
60.0256614360bb_json( ).../template.php:126
70.0259641992require( '/home/prototurk.com/public_html/app/view/article-css.php' ).../template.php:216
px piksel
( ! ) Notice: Undefined property: stdClass::$version in /home/prototurk.com/public_html/app/view/article-css.php on line 118
Call Stack
#TimeMemoryFunctionLocation
10.0002360624{main}( ).../index.php:0
20.0047444072require( '/home/prototurk.com/public_html/app/controller/category.php' ).../index.php:101
30.0087454944require( '/home/prototurk.com/public_html/app/view/article.php' ).../category.php:34
40.0256613808parseTemplate( ).../article.php:112
50.0256613888preg_replace_callback ( ).../template.php:126
60.0256614360bb_json( ).../template.php:126
70.0259641992require( '/home/prototurk.com/public_html/app/view/article-css.php' ).../template.php:216
pt point
( ! ) Notice: Undefined property: stdClass::$version in /home/prototurk.com/public_html/app/view/article-css.php on line 118
Call Stack
#TimeMemoryFunctionLocation
10.0002360624{main}( ).../index.php:0
20.0047444072require( '/home/prototurk.com/public_html/app/controller/category.php' ).../index.php:101
30.0087454944require( '/home/prototurk.com/public_html/app/view/article.php' ).../category.php:34
40.0256613808parseTemplate( ).../article.php:112
50.0256613888preg_replace_callback ( ).../template.php:126
60.0256614360bb_json( ).../template.php:126
70.0259641992require( '/home/prototurk.com/public_html/app/view/article-css.php' ).../template.php:216
em Varsayılan yazı tipi boyutuna göre ayarlanır (Örneğin 3em geçerli yazı tipinin 3 katı anlamına gelir)
( ! ) Notice: Undefined property: stdClass::$version in /home/prototurk.com/public_html/app/view/article-css.php on line 118
Call Stack
#TimeMemoryFunctionLocation
10.0002360624{main}( ).../index.php:0
20.0047444072require( '/home/prototurk.com/public_html/app/controller/category.php' ).../index.php:101
30.0087454944require( '/home/prototurk.com/public_html/app/view/article.php' ).../category.php:34
40.0256613808parseTemplate( ).../article.php:112
50.0256613888preg_replace_callback ( ).../template.php:126
60.0256614360bb_json( ).../template.php:126
70.0259641992require( '/home/prototurk.com/public_html/app/view/article-css.php' ).../template.php:216
ex Varsayılan yazı tipinin yüksekliğine göre ayarlanır.
( ! ) Notice: Undefined property: stdClass::$version in /home/prototurk.com/public_html/app/view/article-css.php on line 118
Call Stack
#TimeMemoryFunctionLocation
10.0002360624{main}( ).../index.php:0
20.0047444072require( '/home/prototurk.com/public_html/app/controller/category.php' ).../index.php:101
30.0087454944require( '/home/prototurk.com/public_html/app/view/article.php' ).../category.php:34
40.0256613808parseTemplate( ).../article.php:112
50.0256613888preg_replace_callback ( ).../template.php:126
60.0256614360bb_json( ).../template.php:126
70.0259641992require( '/home/prototurk.com/public_html/app/view/article-css.php' ).../template.php:216

Örnekler

Bir örnek vermek gerekirse ;

.div {
	width: 25pt;
	padding: 10px;
	font-size: 0.75em;
	margin: 2%;	/* gibi örnekler türetilebilir */
}

darkwintergrup
1789 gün önce eklendi - 2887 kez görüntülendi.
Github'da Düzenle
Önceki opacity Sonraki height