「css」の記事一覧

【flex-shrinkとは】使い方？効かない？どう縮小されるか検証してみた

flex関連のcssである「flex-shrink」を設定した場合にどのように縮小されるのか検証してみました。「思ったように効かない」「使い方は？」といった方の参考になれば幸いです。検証：実際にflex-shrink […]

flex関連のcssである「flex-grow」を設定した場合にどのように余白が割り振られて、伸びるのか検証してみました。「思ったように効かない」といった方の参考になれば幸いです。検証：実際にflex-growを設定 […]

CSSソースコードを整形するWEBツールを作りたいと思い、簡単な設計を書いてみました。実際に上から順番に処理をしていけば実装できます。javascriptで作りました。まだ、試験回数は圧倒的に少ないですが、割と整形できま […]

npmを使います。まだインストールされていない方は下記をご覧ください。 Tailwind CSSをインストール ①Windowsキー（旗マーク）＋Rをクリックします。ファイル名を指定して実行が開きます。 ②「cmd」と入 […]

フォントサイズなど何を利用されていますか？私はここ数年「rem」を使用しています。「rem」を使う上で参考になりそうな値をまとめておきます。 remとは html要素のfont-sizeを「1」としてその割合を指定できま […]

今までcssはすべてオリジナルで書いてきました。（リセットcssはパブリックドメインのものは使用していましたが）その中でサイト構築の効率化を考えて、PhraseExpressやクリボーなど使ってきました。少しは早くなる […]

cellspacingをcssで書く古いソースを改修しているとtableタグによく色々な属性がついています。 <table border='0' cellpadding='0' cellspacing='1' b […]

cellpaddingをcssで書く古いソースを改修しているとtableタグによく色々な属性がついています。 <table border='0' cellpadding='0' cellspacing='1' b […]

ベンダープレフィックスをどこまで記述するかいつも悩みます。悩む時間がもったいないので、よく利用するCSSの中でベンダープレフィックスがもう不要というものだけを「、」区切りで羅列しました。「-webkit-」だけ必要なも […]