あじのおぼえ書き

あじの覚え書きです
使えそうなものがあればコピペして使ってね

角丸にして表示する：border-radius

  • CSS
.border_radius {
	border-radius:         20px;
	-webkit-border-radius: 20px;
	-moz-border-radius:    20px;
}
細かく指定する
border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;


border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;

MTのテンプレート判別･分岐

  • MovableType
<mt:If name="main_index">
<mt:SetVarBlock name="hoge">トップの時</mt:SetVarBlock>
<mt:ElseIf name="archive_index">
<mt:SetVarBlock name="hoge">アーカイブ用インデックスの時</mt:SetVarBlock>
<mt:ElseIf name="entry_archive">
<mt:SetVarBlock name="hoge">エントリーの時</mt:SetVarBlock>
<mt:ElseIf name="page_archive">
<mt:SetVarBlock name="hoge">ウェブページの時</mt:SetVarBlock>
<mt:Elseif name="category_archive">
<mt:SetVarBlock name="hoge">カテゴリの時</mt:SetVarBlock>
<mt:ElseIf name="datebased_archive">
<mt:SetVarBlock name="hoge">月や年アーカイブの時</mt:SetVarBlock>
<mt:else>
<mt:SetVarBlock name="hoge">その他</mt:SetVarBlock>
</mt:If>

inline-blockの隙間をなくす

  • CSS

letter-spacingで隙間をなくす

.list { letter-spacing: -.4em; }
.list li { /* 子要素 */
	display: inline-block;
	letter-spacing: normal;
}