Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How to read the CSS Value Definition Syntax

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for konitter konitter
July 15, 2015
Programming
170
0

How to read the CSS Value Definition Syntax

2015.07.14開催のHigh Tech Osakaで発表したスライド。

Avatar for konitter

konitter

July 15, 2015

Other Decks in Programming

See All in Programming
PHP で mp3 プレイヤーを実装しよう
Avatar for memory m3m0r7
PRO
0
290
2026年のソフトウェア開発を考える（2026/05版） / Software Engineering Scrum Fest Niigata 2026 Edition
Avatar for Takuto Wada twada
PRO
16
5.2k
レガシーPHP転生 〜父がドメインエキスパートだったのでDDD+Claude Codeでチート開発します〜
Avatar for panda_program panda_program
0
1.1k
AIエージェントで業務改善してみた
Avatar for takumi taku271
0
550
Road to RubyKaigi: Play Hard(ware)
Avatar for makicamel makicamel
1
500
運転動画を検索可能にする〜Cosmos-Embed1とDatabricks Vector Searchで〜/cosmos-embed1-databricks-vector-search
Avatar for 開発室Graph studio_graph
1
520
個人的に嬉しかったpnpmの新機能・3選
Avatar for Atsushi Matsuo matsuo_atsushi
0
110
Oxlintとeslint-plugin-react-hooks 明日から始められそう？
Avatar for t6adev t6adev
0
300
ハーネスエンジニアリングにどう向き合うか 〜ルールファイルを超えて開発プロセスを設計する〜 / How to approach harness engineering
Avatar for r-kagaya rkaga
24
16k
Structured Concurrency, Scoped Values and Joiners in the JDK 25 26 27
Avatar for José josepaumard
0
110
ふりがな Deep Dive try! Swift Tokyo 2026
Avatar for watura watura
0
250
Spec-driven Development: How AI Changes Everything (And Nothing)
Avatar for Simon Martinelli simas
PRO
0
450

Featured

See All Featured
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.6k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
430
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
270
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.7k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
500
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
360
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
2.9k
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
180
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k

Transcript

  1. !LPOJUUFS )PXUPSFBEUIF$447BMVF%FOJUJPO4ZOUBY )JHI5FDI0TBLB

  2. )BSVLJ,POJTIJ IUUQSFE[JOFOFU 8FC%JSFDUPS

  3. فٗה׃ג䛰׆ַ׃ֻזְ 倜٥8&#رؠ؎ٝך㣐⾱⵱ BN[OUP[1$MK

  4. $44TQFDJDBUJPO

  5. $44'POUT.PEVMF-FWFM XXXXPSH53DTTGPOUT

  6. $44#BDLHSPVOETBOE#PSEFST.PEVMF-FWFM XXXXPSH53DTTCBDLHSPVOE

  7. 7BMVF%FOJUJPO4ZOUBY

  8. $447BMVFTBOE6OJUT.PEVMF-FWFM EFWXPSHDTTXHDTTWBMVFT

  9. $PNQPOFOUWBMVFUZQFT ؝ٝه٦طٝز⦼㘗 ˖ 鎉衝鸐׶ח鎸鶢ׅ׷ؗ٦ٙ٦سBVUPծEJTDזו ˖ הד㔲ת׸גְ׷ر٦ة㘗MFOHUIծQFSDFOUBHFזו ˖ ⟣䠐ךفٗػذ؍٦הずׄ⦼ך眔㔲׾䭯א㘗ˎCPSEFS XJEUIˏծˎCBDLHSPVOEBUUBDINFOUˏזו

  10. $PNQPOFOUWBMVFDPNCJOBUPST ؝ٝه٦طٝز⦼ך穠さ㶨 hoge fuga hoge | fuga hoge || fuga

    hoge && fuga [ hoge fuga ] [ foo poo ]

  11. $PNQPOFOUWBMVFNVMUJQMJFST ؝ٝه٦طٝز⦼ךꆀ䭷㹀㶨 * 0ճҎ্ + 1ճҎ্ ? 0ճ΋͘͠͸1ճ
 {A,B} AճҎ্BճҎԼ


    # ΧϯϚ۠੾Γͷఆ͕ٛ1ճҎ্
 ! ௚લͷάϧʔϓ͕1ճҎ্ άϧʔϓ಺ͷఆ͕ٛলུՄͰ΋1ճҎ্ඞਢ

  12. 1SPQFSUZWBMVFFYBNQMFT

  13. 'text-align' .hoge { text-align: center; } left | right |

    center | justify

  14. 'border-width' .hoge { border-width: 2px 4px; } <line-width>{1,4} <line-width> =

    <length> | thin | medium | thick

  15. 'text-shadow' .hoge { text-shadow: 1px 1px 2px black, 0 0

    1em blue; } none | [ <length>{2,3} && <color>? ]# <offset-x> <offset-y> <blur-radius>?

  16. 5IBOLZPV