Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
How to read the CSS Value Definition Syntax
Search
konitter
July 15, 2015
Programming
170
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
How to read the CSS Value Definition Syntax
2015.07.14開催のHigh Tech Osakaで発表したスライド。
konitter
July 15, 2015
Other Decks in Programming
See All in Programming
これって Effect でできたのでは? / TSKaigi Mashup Kansai #2
susisu
0
140
Laravel Boostに学ぶ、AIにPHPを書かせる技術 〜OSSの実装から蒸留するエージェント制御の王道〜
kentaroutakeda
3
640
「人を評価する AI」の設計と実装
ryoyanara
0
130
作るコストが小さくなった時代 幸せに働くために改めて考えたいこと 〜エンジニアとして価値を出し続けるために注視している二分野〜
yuppeeng
0
180
2年かけて Deno に DOMMatrix を実装した話 / How I implemented DOMMatrix in Deno over two years
petamoriken
0
200
PHP に部分適用が来るぞ!……ところで何それ?おいしいの? #phpcon / phpcon-2026
shogogg
0
520
人間の目はかわらない、だからJPEGは30年もつ
yuzneri
12
18k
琵琶湖の水は止められてもNet--HTTPのリトライは止められない / You might be able to stop the water flow of Lake Biwa but you can't stop Net::HTTP retries
luccafort
PRO
0
540
AI Engineeringは、AIプロダクトだけのものか? 〜AIがソフトウェアを作る時代の新しい当たり前〜 / No AI in your product. AI Engineering in your development.
rkaga
4
350
PHPだって関数型したい 〜できること、できないこと〜 / fp-in-php
jsoizo
1
270
Lean は証明の正しさを確認するためだけのツールって思ってませんか?
inoueasei
1
130
複数の Claude Code が"放置"されてしまう問題をCLI ダッシュボードを自作して解決した話
sumihiro3
1
640
Featured
See All Featured
How to build a perfect <img>
jonoalderson
1
5.8k
A better future with KSS
kneath
240
18k
Darren the Foodie - Storyboard
khoart
PRO
3
3.5k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
250
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8.2k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
Designing for Timeless Needs
cassininazir
1
430
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.7k
The Curious Case for Waylosing
cassininazir
1
450
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.8k
Build your cross-platform service in a week with App Engine
jlugia
234
19k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
Transcript
!LPOJUUFS )PXUPSFBEUIF$447BMVF%FOJUJPO4ZOUBY )JHI5FDI0TBLB
)BSVLJ,POJTIJ IUUQSFE[JOFOFU 8FC%JSFDUPS
فٗה׃ג䛰׆ַ׃ֻזְ 倜٥8&#رؠ؎ٝך㣐⾱ BN[OUP[1$MK
$44TQFDJDBUJPO
$44'POUT.PEVMF-FWFM XXXXPSH53DTTGPOUT
$44#BDLHSPVOETBOE#PSEFST.PEVMF-FWFM XXXXPSH53DTTCBDLHSPVOE
7BMVF%FOJUJPO4ZOUBY
$447BMVFTBOE6OJUT.PEVMF-FWFM EFWXPSHDTTXHDTTWBMVFT
$PNQPOFOUWBMVFUZQFT ؝ٝه٦طٝز⦼㘗 ˖ 鎉衝鸐ח鎸鶢ׅؗ٦ٙ٦سBVUPծEJTDזו ˖ הד㔲תגְر٦ة㘗MFOHUIծQFSDFOUBHFזו ˖ ⟣䠐ךفٗػذ؍٦הずׄ⦼ך眔㔲䭯א㘗ˎCPSEFS XJEUIˏծˎCBDLHSPVOEBUUBDINFOUˏזו
$PNQPOFOUWBMVFDPNCJOBUPST ؝ٝه٦طٝز⦼ך穠さ㶨 hoge fuga hoge | fuga hoge || fuga
hoge && fuga [ hoge fuga ] [ foo poo ]
$PNQPOFOUWBMVFNVMUJQMJFST ؝ٝه٦طٝز⦼ךꆀ䭷㹀㶨 * 0ճҎ্ + 1ճҎ্ ? 0ճ͘͠1ճ {A,B} AճҎ্BճҎԼ
# ΧϯϚ۠Γͷఆ͕ٛ1ճҎ্ ! લͷάϧʔϓ͕1ճҎ্ άϧʔϓͷఆ͕ٛলུՄͰ1ճҎ্ඞਢ
1SPQFSUZWBMVFFYBNQMFT
'text-align' .hoge { text-align: center; } left | right |
center | justify
'border-width' .hoge { border-width: 2px 4px; } <line-width>{1,4} <line-width> =
<length> | thin | medium | thick
'text-shadow' .hoge { text-shadow: 1px 1px 2px black, 0 0
1em blue; } none | [ <length>{2,3} && <color>? ]# <offset-x> <offset-y> <blur-radius>?
5IBOLZPV