fumokmmのブックマーク / 2015年8月5日

fumokmm id:fumokmm

2015年8月5日のブックマーク (4件)

テーブル要素で使用されるタグのrowspan、colspan、cellspacing、cellpaddingをcssで使いたいので... - Yahoo!知恵袋
CSSは言ってしまえば「見た目」を設定するためのものです。rowspan属性やcolspan属性は「見た目」ではなくセルの性質・関係を表すものであり、CSSにはそもそも馴染みません。ですので、この2つについてはHTMLの属性をそのまま使わなければなりません。実際、CSSにrowspan・colspan属性にあたるプロパティはありません。セル同士の縦横の繋がりをrowspan属性・colspan属性でマークアップした結果、必然的ではありますが見た目にも影響しただけなのです。－－－－－－－－－－－－一方のcellspacing属性、cellpadding属性については「見た目」を設定するものですから、CSSで代替することができます。 cellpadding属性はpaddingプロパティで、cellspacing属性はborder-collapseプロパティをseparateに設定した上で
fumokmm 2015/08/05
CSS
リンク
Display | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! Every element on a web page is a rectangular box. The display property in CSS determines just how that rectangular box behaves. span.icon { display: inline-block; /* Characteristics of block, but lays out inline */ } The default value for all elements is inline. Most “User-Agent Stylesheets”
fumokmm 2015/08/05
CSS
リンク
IE8から始めるテーブルレイアウトと IE10からのFlexible Box
IE8から始めるテーブルレイアウトと IE10からのFlexible Box 2012-11-08 テーブルレイアウトと聞くと<table>タグを使い、入れ子で<tr>, <td>タグのオンパレードを連想する人も多いと思いますが、今回の内容はCSSの display display: table; はCSS2.0からある仕様です。要素をCSSでテーブルのようにあしらうことができるため、多くの利点があります。 display: table; display: table;はIE8以降のtable要素に、デフォルトスタイルシートで定義されているものです。 IE8からサポートされているのでIE7以下を切り捨てれば、今からでも使うことができます。 display: table;以外にも多くの値が存在し、tableを形作る要素に振り分けられています。以下は、tableに振り分けられているCSS
fumokmm 2015/08/05
CSS
リンク
[CSS] display:tableを学ぶ - YoheiM .NET
こんにちは、@yoheiMuneです。 CSSのdisplayはマークアップするには絶対に必要なスタイルの1つですよね。その中でtableやtable-cellは業務でなんとなく使っていますが断片的にしか理解していなかったので、今日はそれらのまとめブログを書いてみたいと思います。 Special Thanks to https://flic.kr/p/iNeYy7 目次 display:tableとは display:tableはテーブル要素のように表示するためのCSSです。このスタイルを用いることでtableタグを使わずに、同様のスタイルを利用することができます。  <table> <tr> <td>名前</td> <td>メールアドレス</td> </tr> <tr> <td>よーへい</td> <td>aaaa@bbb.ccc</td> <
fumokmm 2015/08/05
CSS
リンク
- 2015年8月6日
- 2015年8月5日
- 2015年8月3日