CSS CSS nedir, CSS örnekleri, çözümleri
#1
Tuðgeneral
Üyelik tarihi: Apr 2007
Bulunduðu yer: VAN
Yaş: 36
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
Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
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: 16:40 .
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 ,
Geniþlik ve Yüksekliðin Sýnýrlarýný Belirlemek(min-width, min-height,max-width, max-h
Ağaç şeklinde