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
CSC307 Lecture 03
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
490
Fluid Templating in TYPO3 14
Avatar for Simon Praetorius s2b
0
130
AgentCoreとHuman in the Loop
Avatar for Har1101 har1101
5
240
疑似コードによるプロンプト記述、どのくらい正確に実行される？
Avatar for kokuyouwind kokuyouwind
0
390
IFSによる形状設計／デモシーンの魅力 @ 慶應大学SFC
Avatar for がむ gam0022
1
300
並行開発のためのコードレビュー
Avatar for Miyuki miyukiw
0
180
CSC307 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
780
Unicodeどうしてる？ PHPから見たUnicode対応と他言語での対応についてのお伺い
Avatar for てきめん tekimen youkidearitai
PRO
1
2.5k
CSC307 Lecture 09
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
840
責任感のあるCloudWatchアラームを設計しよう
Avatar for アキキー akihisaikeda
3
180
Smart Handoff/Pickup ガイド - Claude Code セッション管理
Avatar for rasshii yukiigarashi
0
140
Basic Architectures
Avatar for Denys Poltorak denyspoltorak
0
680

Featured

See All Featured
Between Models and Reality
Avatar for mayunak mayunak
1
190
Introduction to Domain-Driven Design and Collaborative software design
Avatar for Kenny Baas-Schwegler baasie
1
590
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
230k
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
130
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
3.9k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.3k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.1k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
120
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
220

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