[TIL,Html]テキスト領域のresize属性


レイアウト破壊者、ラインを超えたresizeプロパティ



textareaラベルを使用して下部に
//サイズ調整アイコンがマークされています.
属性は次のとおりです.
 #ann_title {
    height: 76px;
    resize: none;
  }
resizeプロパティをnoneとして指定してキャンセルできます.
{
resize: none;/ユーザーは変更できません/
resize: both;/ユーザーに対して任意の変更/
resize: horizontal;/左右のみ/
resize: vertical;/上下のみ
}
他の属性にはこのような4種類があります.
noneでは、任意の変更を訪問者に対して許可しないように変更できますが、垂直の場合、訪問者に対して上下の変更のみ許可されます.通常、反応式ページが多いため、左右の幅値の変更はLayoutに影響を与える可能性があるため、水平ページではなく垂直ページが一般的に使用されます.また、視野の中で、入力したテキストの垂直延長は左右の延長よりも理解しやすく、快適です.
ソース:https://webisfree.com/2014-01-25/[css]-textarea-%EC%82%AC%EC%9D%B4%EC%A6%88-%ED%81%AC%EA%B8%B0-%EC%88%98%EC%A0%95-%EB%AA%BB%ED%95%98%EA%B2%8C-%EB%B3%80%EA%B2%BD-resize