yuu_nkjm blog


2015-02-20(Fri) [長年日記]

[CSS] CSSのTips

領域のリサイズ

以下のようにする.textarea以外のタグにも適用できる.

textarea{
  resize: both;
}

ある要素の子要素で最後のものをセレクトする

blockquoteの要素の子の中で最後の子を選択し,引用符のgifを背景にする.

blockquote  *:last-child {
     background-image: url(quote_end.gif);
     background-position: bottom right;
     background-repeat: no-repeat;
}
[CSS] before,after疑似要素で引用を修飾
blockquote:before {background-image: url(quote_end.gif);}
blockquote:end {background: url(quote_end.gif);}

以前,子の最後の要素に適用するで頑張ったけど,こうやっても良かったか.IEだと非対応だけど.


トップ «前の日記(2015-02-19(Thu)) 最新 次の日記(2015-02-24(Tue))» 月表示 編集 設定
2006|01|06|12|
2007|06|09|
2008|01|03|04|06|07|08|09|10|12|
2009|01|02|05|06|07|08|10|11|12|
2010|03|04|05|06|07|08|09|10|11|
2011|01|02|03|04|05|06|07|08|09|11|12|
2012|01|02|04|06|07|08|10|11|12|
2013|01|02|03|07|08|10|11|12|
2014|01|02|04|05|06|07|08|09|10|11|
2015|01|02|07|11|12|
2016|01|03|05|07|08|09|