サンプルで実験しながらHTML5 & CSS3を解説してます。索引で記事を選べるメモサイトです。
はじめての人のためには、自分がHTMLを覚えた頃を思い出しながら解説しています。 (例えば、a要素の aは anchor アンカー(錨)の a。何の略か知るだけで理解しやすいですよね) HTML5の新要素は、サンプルを作って実験しながら解説。ソースをコピペで利用できるメモサイトを目指しています。
|
https://twitter.com/yuki__hata |
---|
【64-10】アイテムの個別配置を一度に指定する align-items (交差軸方向)
align-selfプロパティは アイテムが占めるエリア内での交差軸方向の位置を個別に決めるものでした。 align-selfプロパティではアイテムに指定してその1個だけに効きましたが、今回の align-itemsプロパティは、コンテナ側に指定し、同じ指定をアイテム全員に効かすことができます。 交差軸(ブロック軸)については、 【64-1】ボックス配置の全体的なルール(9コのプロパティまとめ) をご覧ください 本...
【64-9】アイテムの個別配置を一度に指定する justify-items (主軸方向)
justify-selfプロパティでは指定したアイテム1個だけに効きましたが、 今回の justify-itemsプロパティは、同じ主軸方向の位置指定をアイテム全員にいっせいに効かすことができます。 ですのでコンテナ側に指定します。 主軸(インライン軸)については、 【64-1】ボックス配置の全体的なルール(9コのプロパティまとめ) をご覧ください 本日のINDEX justify-itemsプロパティの値 legacyとい...
「ブログリーダー」を活用して、yuki_hataさんをフォローしませんか?
指定した記事をブログ村の中で非表示にしたり、削除したりできます。非表示の場合は、再度表示に戻せます。
画像が取得されていないときは、ブログ側にOGP(メタタグ)の設置が必要になる場合があります。