CSS note

The :required pseudo class selector in CSS allows authors to select and style any matched element with the required attribute. Forms can easily indicate wh

情報源: :required | CSS-Tricks

The :valid selector allows you to select elements that do not contain valid content, as determined by its type attribute. :valid is defined in the CSS Sele

情報源: :valid | CSS-Tricks

The ::placeholder pseudo element (or a pseudo class, in some cases) allows you to style the placeholder of a form element. As in, the text set with the pla

情報源: ::placeholder | CSS-Tricks

The :invalid selector allows you to select elements that do not contain valid content, as determined by its type attribute. :invalid is defined in the CSS

情報源: :invalid | CSS-Tricks

続きを読む→ 投稿 ID 1219

Display table　基本設定

セル間のマージンが取れないという声もありますが、そんなことはありません

.hyphenate { -ms-word-break: break-all; word-break: break-all; // Non standard for webkit word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

情報源: hyphens | CSS-Tricks

.hyphenate { -ms-word-break: break-all ...

この、投稿の　article要素は、以下のスタイルで着色してあります。

article{
 border:1px dotted #ccc;
 background:rgba(222,222,222,.2);
}

時々、この要素を飛び出してフルサイズで表現したいようなことがあります。

例えば、YouTubeのシアターモードボタンを適用すると

こんな感じも、ちょっといい。

<div style="margin:0 -50%;padding:10px 50%;background ...

The abbreviation srsly stands for “seriously”.

The acronym ftw stands for “for the win”.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, q ...

続きを読む→ 投稿 ID 1219