タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

CSSとテクニックに関するgrandfrigoのブックマーク (2)

  • CSSで1行目の見出し項目をぶら下げインデントする|web bibo

    注意書きや箇条書きなど段落の1行目に見出し項目がある文章で、項目を目立たせるために、2行目以降を字下げすることがあります。これを簡単に実現する方法です。 注意書きとか箇条書きなど、非常に使う場面が多いと思うのでので、かなり役立つテクニックです。ていうか、このテクニック皆さん知ってますよね。。。一応、CSS初心者の方向けということで載せておきます。 HTMLコード <ul> <li>※ああああああああああああああああああああああああああああああああああああ</li> <li>※いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい</li> <li>※うううううううううううううううううううううううううううううううううううううううう</li> </ul> CSSコード ul { list-style: none; width: 250px; font-size: 0.8em; lin

  • 2017年、CSSでこれをやりたかったが実現できる新しい3つのテクニック

    CSSには数多くの新しい機能が準備されています。その中でも2017年の今年に学んで、身につけておきたい3つのテクニックを紹介します。 3つはすべて有用で、Webサイトやアプリを作成する際に必ず役立つと思います。 3 New CSS Features to Learn in 2017 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 @supportsを使った条件付きCSS Float, Flexboxの後継者「CSS Grid Layout」 プロパティを変数で指定 すべてのブラウザにサポートされていない場合 @supportsを使った条件付きCSS @supportsを使用したCSS Feature Queries(W3C)は、特定のCSSのスタイルを指定したユーザーエージェントに対してのみ適用することができる条件付きのCSS

    2017年、CSSでこれをやりたかったが実現できる新しい3つのテクニック
  • 1