CSS CSS nedir, CSS örnekleri, çözümleri
24/04/07, 00:09
#1
Tuðgeneral
Üyelik tarihi: Apr 2007
Bulunduðu yer: VAN
Yaş: 37
Mesajlar: 924
Geniþlik ve Yüksekliðin Sýnýrlarýný Belirlemek(min-width, min-height,max-width, max-h
Bir kapsayýcý kutunun geniþlik deðerini minimum ve maksimum deðerleri ile sýnarlandýrabilriz. Bu özellikler CSS2 ile birlikte gelmiþtir.
min-width, min-height
Yapýsý : min-width, min-height: <deger>
Aldýðý Deðerler : <uzunluk deðeri > | <yüzde> | inherit
Baþlnagýç deðeri: 0
Uygulanabilen elementler: inline nonreplacement elementler ve tablo elementlere
Kalýtsallýk: Yok
min-width, min-height kapsayýcý kutunun minimum alacaðý deðerleri belirtmek için kullanýrýz.
p.menu {
float:left;
width:200px;
min-width:150px;
}
Web Tarayýcý Uyumu:
Internet Explorer 7+
Netscape 6+
Opera 6+
W3C’s CSS Level 2+
CSS Profile 2.0
Ayný þekilde max-width ve max-height tanýmlamalarýda yapýlýr.
max-width, max-height
Yapýsý : max-width, max-height: <deger>
Aldýðý Deðerler : <uzunluk deðeri > | <yüzde> | none | inherit
Baþlnagýç deðeri: 0
Uygulanabilen elementler: inline nonreplacement elementler ve tablo elementlere
Kalýtsallýk: Yok
max-width, max-height kapsayýcý kutunun maksimum alacaðý deðerleri belirtmek için kullanýrýz.
p.menu {
float:left;
width:200px;
max-width:400px;
}
Web Tarayýcý Uyumu:
Internet Explorer 7+
Netscape 6+
Opera 5+
W3C’s CSS Level 2+
CSS Profile 2.0
þžöyle bir sonumuz vardýr ki oda IE’nin 7 versiyonundan sonra bu özellikleri desteklemeye baþlamasdýr. Bu çok kullanýþlý özellikleri bu nedenden dolayý kullanmamazlýk yapmayacaðýz tabi.
IE için bir çözüm vardýr. expression() özelliði bu özellik sadece IE tarafýndan yorumlanýr. Bu özellik dinamik özellik olarak tanýmlanýr. Yani bu kod normalde bir javascript kodudur.
#icerik
{
min-width: 600px;
max-width: 1200px;
width:expression(document.body.clientWidth < 600? “600px” : document.body.clientWidth > 1200? “1200px” : “auto”);
}
<body>
<div id="icerik">
…
</div>
</body>
Yukarýdaki tanýmlamda css içerisinde javascript komutlarý kullanýlmýþtýr. Bu tanýmlamalarý sadece IE anlayacaktýr ve uygulayacaktýr. Kodda eðer geniþlik belirtilen maksimum deðerden büyükse atanan deðeri alacak deðilse auto deðeri alacaktýr.
Konu Sayýsý: 187
01/03/08, 22:15
#2
Yasaklý kullanýcý
Üyelik tarihi: Jan 2008
Bulunduðu yer: Ýstediðin yerden
Mesajlar: 1.883
paylaşım için sağol
Konu Sayýsý: 316
Takýmýnýz:
14/03/08, 20:37
#3
Korgeneral
Üyelik tarihi: Oct 2007
Bulunduðu yer: evde :)
Yaş: 45
Mesajlar: 2.544
paylaşım için tşkler
Konu Sayýsý: 497
Takýmýnýz:
01/08/08, 13:00
#4
Mareþal
Üyelik tarihi: Sep 2007
Mesajlar: 5.835
tşkler...
__________________
Konu Sayýsý: 613
Takýmýnýz:
Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
Yetkileriniz
Yeni Mesaj yazma yetkiniz Aktif deðil dir.
Mesajlara Cevap verme yetkiniz aktif deðil dir.
Eklenti ekleme yetkiniz Aktif deðil dir.
Kendi Mesajýnýzý deðiþtirme yetkiniz Aktif deðildir dir.
HTML-KodlarıKapalı
Bütün Zaman Ayarları WEZ +3 olarak düzenlenmiştir. Şu Anki Saat: 02:24 .
Sitemap
6 ,
5 ,
3 ,
7 ,
8 ,
9 ,
10 ,
11 ,
12 ,
13 ,
14 ,
15 ,
113 ,
16 ,
17 ,
18 ,
19 ,
81 ,
20 ,
27 ,
22 ,
23 ,
24 ,
25 ,
26 ,
48 ,
28 ,
29 ,
30 ,
31 ,
32 ,
33 ,
34 ,
35 ,
36 ,
37 ,
38 ,
39 ,
43 ,
136 ,
40 ,
58 ,
45 ,
42 ,
44 ,
46 ,
47 ,
53 ,
54 ,
55 ,
56 ,
57 ,
59 ,
60 ,
70 ,
61 ,
62 ,
63 ,
64 ,
65 ,
66 ,
68 ,
69 ,
71 ,
72 ,
74 ,
75 ,
76 ,
77 ,
78 ,
79 ,
80 ,
82 ,
83 ,
96 ,
84 ,
85 ,
86 ,
87 ,
88 ,
89 ,
90 ,
91 ,
92 ,
93 ,
94 ,
95 ,
98 ,
97 ,
100 ,
101 ,
102 ,
103 ,
106 ,
104 ,
105 ,
112 ,
109 ,
108 ,
107 ,
110 ,
111 ,
114 ,
115 ,
118 ,
116 ,
117 ,
119 ,
148 ,
154 ,
124 ,
165 ,
122 ,
120 ,
123 ,
121 ,
150 ,
153 ,
125 ,
128 ,
129 ,
131 ,
132 ,
133 ,
134 ,
135 ,
137 ,
138 ,
139 ,
140 ,
141 ,
142 ,
143 ,
144 ,
145 ,
146 ,
147 ,
151 ,
149 ,
202 ,
175 ,
164 ,
152 ,
167 ,
155 ,
156 ,
157 ,
158 ,
159 ,
160 ,
161 ,
162 ,
163 ,
195 ,
169 ,
166 ,
168 ,
170 ,
171 ,
172 ,
199 ,
174 ,
173 ,
196 ,
200 ,
176 ,
177 ,
180 ,
178 ,
179 ,
182 ,
189 ,
187 ,
184 ,
186 ,
191 ,
192 ,
193 ,
194 ,
197 ,
198 ,
201 ,
203 ,
229 ,
204 ,
205 ,
206 ,
207 ,
208 ,
209 ,
210 ,
211 ,
212 ,
213 ,
214 ,
215 ,
216 ,
217 ,
218 ,
219 ,
220 ,
221 ,
222 ,
223 ,
224 ,
236 ,
231 ,
232 ,
233 ,
234 ,
235 ,
237 ,
240 ,
239 ,
241 ,
243 ,
242 ,
244 ,