サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
●はてなブックマークって？
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
dentaro
id:dentaro
●
3,653
ブックマーク
●
-
お気に入り
●
-
お気に入られ
タグ
●すべて
●
jQuery
(2)
●
API
(2)
●
Amazon Web Services
(1)
●
CSS
(3)
●
C言語
(1)
●
DDD
(1)
●
Fate
(1)
●
Google Container Engine
(1)
●
HTML5
(4)
●
Hadoop
(1)
●
Java
(14)
●
Linux
(3)
●
Objective-C
(2)
●
OutOfMemory解析
(1)
●
PHP
(1)
●
React
(2)
●
ReactNative
(1)
●
SQL
(1)
●
SRE
(1)
●
SSL
(1)
●
Webサービス
(1)
●
bash
(2)
●
book
(1)
●
bootstrap
(1)
●
cloud
(1)
●
database
(1)
●
db(1)
●
excel
(1)
●
find
(2)
●
git
(1)
●
go(1)
●
iPhone
(1)
●
iTerm2
(1)
●
imagemagick
(1)
●
iphone ipad
(1)
●
jQuery Mobile
(1)
●
javascript
(9)
●
kubernetes
(2)
●
mac
(2)
●
memo
(28)
●
mysql
(5)
●
node.js
(1)
●
rpm
(1)
●
rust
(1)
●
scala
(1)
●
seo
(2)
●
sh(4)
●
ui(1)
●
ux(1)
●
vi(2)
●
web全般
(3)
●
wordpress
(2)
●
yum
(1)
●
あたまがおかしい
(1)
●
あとでみる
(1)
●
あとで試す
(2)
●
あとで読む
(230)
●
あほか
(1)
●
いい話
(1)
●
いぬ
(1)
●
おもしろ
(5)
●
おもしろい
(1)
●
お役立ち
(2)
●
かわいい
(3)
●
これはひどい
(23)
●
その他
(7)
●
ほすぃ
(1)
●
ほっこり
(1)
●
オブジェクト指向
(1)
●
コーギー
(1)
●
スーパーロボット大戦
(1)
●
セキュリティ
(2)
●
テスト
(1)
●
デザイン
(1)
●
ドメイン駆動設計
(1)
●
ネタ
(2)
●
プログラミング
(6)
●
ミステリ
(1)
●
メモ
(138)
●
メール
(1)
●
ラーメン
(1)
●
レシピ
(4)
●
仕事
(1)
●
仮想化
(1)
●
原子力
(1)
●
原子力発電所
(3)
●
後で
(2)
●
後でためす
(3)
●
後で試す
(9)
●
後で読む
(29)
●
投資
(1)
●
東北地方太平洋沖地震
(7)
●
構成管理
(1)
●
欲しい
(1)
●
漫画
(3)
●
猫
(3)
●
生物
(1)
●
睡眠
(2)
●
笑える話
(1)
●
英語
(1)
●
許せん
(1)
●
豆知識
(1)
●
転職
(1)
●
開発環境
(1)
●
面白い
(2)
●
韓国
(1)
●
高速化
(1)
●
あとで読む
(230)
●
メモ
(138)
●
後で読む
(29)
●
memo
(28)
●
これはひどい
(23)
●
Java
(14)
●
javascript
(9)
●
後で試す
(9)
●
その他
(7)
●
東北地方太平洋沖地震
(7)
関連タグで絞り込む (1)
●
あとで読む
タグの絞り込みを解除
CSSに関するdentaroのブックマーク (3)
●
339 users
●
yuheiy.com
●テクノロジー
margin-bottomではなくmargin-topを使う派である旨をツイートしたら理由を尋ねられたので、それに対する回答です。大きくは次の3つです。 末尾の要素の存在が任意である場合が多いため Stackレイアウトとの取り合わせやすさのため 隣接セレクターを使った場合分けができるようにするため CSS、基本コンポーネントの上にマージン取る派と、下にマージン取る派がいると思うですけど、自分は今までずっと下で。というのは、その方が直感的だと感じるからなんですけど、見出しの下って結構縮めるよね？それを上マージンでやると結構頭こんがらがらない？って思うんだけどどうなんだろう — Takazudo (@Takazudo) January 12, 2021 上です — 全部入りHTML太郎 (@_yuheiy) January 12, 2021 なぜですか? — u (@uknmr) Januar
dentaro
2021/01/28
●CSS
●あとで読む
●
664 users
●
www.webcreatorbox.com
●テクノロジー
2018年4月5日 CSS 画像の一覧を表示する時などは、画像のサイズが統一されていると並べて表示させてもすっきりキレイに整って見えますが、必ずしもサイズが同じとは限りません。かといってPhotoshopを使ってすべての画像をリサイズできない…ということもあるでしょう。そんな時はCSSでトリミングすると楽です！今回は﹁object-fit﹂というプロパティーを使って、画像の縦横比を保ちつつトリミングする方法を紹介します。 ↑私が10年以上利用している会計ソフト！ 画像を中央の位置でトリミングする まずはこの縦長の画像、横長の画像を並べ、縦横250pxの正方形の形で表示させてみましょう。 img { width: 250px; height: 250px; } CSSでこのように画像に対してサイズを指定すると… こんな感じでグチャッとつぶれて表示されちゃいます…。 そこで画像に対して obj
dentaro
2017/03/13
●CSS
●
890 users
●
typesquare.com
●テクノロジー
.play { color: #ffba16; font-family: 'FB Condor Bold', sans-serif; font-size: 100px; letter-spacing: 0.2em; padding: 10px 0; -moz-transform: skew(-25deg) rotate(5deg); -ms-transform: skew(-25deg) rotate(5deg); -webkit-transform: skew(-25deg) rotate(5deg); transform: skew(-25deg) rotate(5deg); text-shadow: 0 1px #ff9b0d, 1px 0 #f79100, 1px 2px #ff9b0d, 2px 1px #f79100, 2px 3px #ff9b0d, 3px 2px #f79
dentaro
2013/09/04
●CSS
1
お知らせ
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第2週︶
お知らせ
はてなブックマーク透明性レポート︵2024年2月-2024年4月︶
ランキング
今週のはてなブックマーク数ランキング︵2024年7月第1週︶
もっと読む
公式Twitter
●@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
●@hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx
垂直方向のマージンにはmargin-topを優先的に使う理由
1行追加でOK！CSSだけで画像をトリミングできる﹁object-fit﹂プロパティー
CSSサンプル集