#max-height

[fineway-engineering]

TIL: You cannot animate `height: 0;` to `height: auto;` in CSS, however you can animate `max-height: 0;` to `max-height: 1000px;`. The resulting height will be the one from auto (given max-height is not exceeded), but the speed will still depend on the max-height value and not be based on the real height. Not ideal, but a workaround if you need to get it going.

[fatihhayri]

min-width, min-height, max-width, max-height

Bu özellik blok level ve yerine konulabilir element içerik alanının azami genişliğiin tanımlar. max-width margin, padding ve kenarlıkları içermez.

width değeri daha geniş olsa bile max-width değerini aşamaz. Bu ilginç bir kuraldır. Ancak min-width değeri eğer max-width değerinden büyükse bu değeri uygular, yani min-width değeri baskındır.

min-width ve min-height element genişliğinin belirli bir aralıkta olması için beraber kullanılır.

max-width ve width ilişkisi

max-width ve width aynı elemente ayı değerlerde uygulanmamalıdır, birisi diğerine baskın olur. Örneğin width değeri 150px ve max-width değeri 60px olarak atanmışsa

button{ background-color:#069; float:left; min-width:200px; width:auto !important; width:200px; white-space: nowrap; }

min-width için - http://friendlybit.com/css/min-width-for-ie-revisited/

http://perishablepress.com/press/2007/01/16/maximum-and-minimum-height-and-width-in-internet-explorer/#comment-29907

http://www.cssplay.co.uk/boxes/minwidth.html

http://css.flepstudio.org/en/css-tips/min-width-ie6.html

http://www.gunlaug.no/contents/wd_additions_14.html

[afewthingsivelearnt]

In CSS 2.1, the effect of `min-height` and `max-height` on tables, inline tables, table cells, table rows, and row groups is undefined.

[http://www.w3.org/TR/CSS21/visudet.html#min-max-heights](http://www.w3.org/TR/CSS21/visudet.html#min-max-heights)

[maddesigns-blog]