CSS3のresizeプロパティをtextareaに使って固定にしたり可変にしたりする!

2014/05/31

こんにちは。
今回はCSS3のresizeプロパティをtextareaに使って固定にしたり可変にしたりします。

先日、textareaを横幅固定で縦幅だけ可変にしたいという要望があったのでやり方をメモ〜!

まずは初期値は下記のようになります。
横幅、縦幅共に固定になります。

 

横幅、縦幅共に可変になります。

 

横幅固定、縦幅が可変になります。

 

横幅可変、縦幅が固定になります。

 

Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法
Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法

 

以上でCSS3のresizeプロパティをtextareaに使って固定にしたり可変にしたりするでした。

topへ戻る