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 |
|---|
| # | Time | Memory | Function | Location |
|---|
| 1 | 0.0001 | 361248 | {main}( ) | .../index.php:0 |
| 2 | 0.0028 | 444696 | require( '/home/prototurk.com/public_html/app/controller/category.php' ) | .../index.php:101 |
| 3 | 0.0053 | 455568 | require( '/home/prototurk.com/public_html/app/view/article.php' ) | .../category.php:34 |
| 4 | 0.0141 | 614432 | parseTemplate( ) | .../article.php:112 |
| 5 | 0.0141 | 614512 | preg_replace_callback
( ) | .../template.php:126 |
| 6 | 0.0141 | 614984 | bb_json( ) | .../template.php:126 |
| 7 | 0.0143 | 642616 | require( '/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 |
|---|
| # | Time | Memory | Function | Location |
|---|
| 1 | 0.0001 | 361248 | {main}( ) | .../index.php:0 |
| 2 | 0.0028 | 444696 | require( '/home/prototurk.com/public_html/app/controller/category.php' ) | .../index.php:101 |
| 3 | 0.0053 | 455568 | require( '/home/prototurk.com/public_html/app/view/article.php' ) | .../category.php:34 |
| 4 | 0.0141 | 614432 | parseTemplate( ) | .../article.php:112 |
| 5 | 0.0141 | 614512 | preg_replace_callback
( ) | .../template.php:126 |
| 6 | 0.0141 | 614984 | bb_json( ) | .../template.php:126 |
| 7 | 0.0143 | 642616 | require( '/home/prototurk.com/public_html/app/view/article-css.php' ) | .../template.php:216 |
Hayır
(Daha fazla
detay)
|
Bir örnek vermek gerekirse ;
.div {
width: 25pt;
padding: 10px;
font-size: 0.75em;
margin: 2%; /* gibi örnekler türetilebilir */
}
