User Tools

Site Tools


css:text_area_width_100_exceeds_container

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision
Previous revision
css:text_area_width_100_exceeds_container [2020/05/20 09:47] – created petercss:text_area_width_100_exceeds_container [2021/08/08 12:39] (current) – removed peter
Line 1: Line 1:
-====== CSS - Text area width 100% exceeds container ====== 
- 
-Text areas with width: 100%; will often appear to exceed the boundaries of it’s containing element. the appropriate fix is to use the box-sizing declaration, and set it to **border-box**: 
- 
-<code css> 
--webkit-box-sizing: border-box; 
--moz-box-sizing: border-box; 
--ms-box-sizing: border-box; 
-box-sizing: border-box; 
-</code> 
- 
-<WRAP info> 
-**NOTE:**  Each of the major vendors support a vendor-specific extension, in addition to the more-direct but as-yet largely unsupported CSS3 declaration. 
-</WRAP> 
- 
  
css/text_area_width_100_exceeds_container.1589968056.txt.gz · Last modified: 2020/07/15 09:30 (external edit)

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki