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

How to read the CSS Value Definition Syntax

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for konitter konitter
July 15, 2015
Programming
0
170

How to read the CSS Value Definition Syntax

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

Avatar for konitter

konitter

July 15, 2015
Tweet

Other Decks in Programming

See All in Programming
Grafana：建立系統全知視角的捷徑
Avatar for Blueswen blueswen
0
330
なるべく楽してバックエンドに型をつけたい！(楽とは言ってない)
Avatar for HIBIKI CUBE hibiki_cube
0
140
インターン生でもAuth0で 認証基盤刷新が出来るのか
Avatar for takumi taku271
0
190
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.3k
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
Avatar for petamoriken / 森建 petamoriken
0
200
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
580
AI Schema Enrichment for your Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
0
280
例外処理とどう使い分ける？Result型を使ったエラー設計 #burikaigi
Avatar for Takuma Kajikawa kajitack
16
6.1k
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
170
CSC307 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
660
Vibe Coding - AI 驅動的軟體開發
Avatar for Micky Li mickyp100
0
180

Featured

See All Featured
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
230
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
500
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.3k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
1.9k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
350
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
190
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k

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