⌘K

CSS Referencia

Egy kézhez álló CSS referencia, egyszerű nyelven írva, példákkal. Tartalmazza a legfontosabbakat, valamint a flexbox-ot, grid-et, animációt, gradienseket, transzformációkat és minden modern trükköt!

A legszükségesebbek

001

A font-size tulajdonság

002

A font-style tulajdonság

003

A font-weight tulajdonság

004

A line-height tulajdonság

005

A font-family tulajdonság

006

A font tulajdonság

007

A text-indent tulajdonság

008

A text-align tulajdonság

Ritkán használt

009

A text-decoration tulajdonság

010

A text-decoration-line tulajdonság

011

A text-decoration-style tulajdonság

012

A text-decoration-color tulajdonság

013

A text-transform tulajdonság

014

A font-variant tulajdonság

015

A font-face parancs

016

A font-size-adjust tulajdonság

017

A letter-spacing tulajdonság

018

A word-spacing tulajdonság

019

A text-align-last tulajdonság

020

A vertical-align tulajdonság

021

A quotes tulajdonság

022

A font-kerning tulajdonság

023

A text-fill-color tulajdonság

024

A text-orientation tulajdonság

025

A text-stroke tulajdonság

026

A text-stroke-color tulajdonság

027

A text-stroke-width tulajdonság

028

A writing-mode tulajdonság

Tördelés

029

A white-space tulajdonság

030

A word-break tulajdonság

031

Az overflow-wrap tulajdonság

032

Az overflow tulajdonság

033

Az overflow-x tulajdonság

034

overflow-y tulajdonság

035

A tab-size tulajdonság

036

A text-overflow tulajdonság

037

A hyphens tulajdonság

038

A line-clamp tulajdonság

Szín

039

A color tulajdonság

Szegélyek

040

A border tulajdonság

041

A border-left tulajdonság

042

A border-right tulajdonság

043

A border-top tulajdonság

044

A border-bottom tulajdonság

045

A border-width tulajdonság

046

A border-style tulajdonság

047

A border-color tulajdonság

048

A border-left-width tulajdonság

049

A border-right-width tulajdonság

050

A border-top-width tulajdonság

051

A border-bottom-width tulajdonság

052

A border-left-style tulajdonság

053

A border-right-style tulajdonság

054

A border-top-style tulajdonság

055

A border-bottom-style tulajdonság

056

A border-left-color tulajdonság

057

A border-right-color tulajdonság

058

A border-top-color tulajdonság

059

A border-bottom-color tulajdonság

Kerekítés

060

A border-radius tulajdonság

061

A border-top-left-radius tulajdonság

062

A border-top-right-radius tulajdonság

063

A border-bottom-left-radius tulajdonság

064

A border-bottom-right-radius tulajdonság

Körvonal

065

Az outline tulajdonság

066

Az outline-width tulajdonság

067

Az outline-style tulajdonság

068

Az outline-color tulajdonság

069

Az outline-offset tulajdonság

Háttér

070

A background tulajdonság

071

A background-color tulajdonság

072

A background-image tulajdonság

073

A background-attachment tulajdonság

074

A background-position tulajdonság

075

A background-repeat tulajdonság

076

A background-origin tulajdonság

077

A background-clip tulajdonság

078

A background-position-x tulajdonság

079

A background-position-y tulajdonság

080

A background-size tulajdonság

081

A blur függvény

082

A brightness függvény

083

A contrast függvény

084

drop-shadow függvény

085

A hue-rotate függvény

086

invert függvény

087

opacity függvény

088

Sepia függvény

089

A backdrop-filter tulajdonság

090

A background-blend-mode tulajdonság

091

A mix-blend-mode tulajdonság

092

A filter tulajdonság

Árnyékok

093

A text-shadow tulajdonság

094

A box-shadow tulajdonság

Átlátszóság

095

Az opacity tulajdonság

096

A visibility tulajdonság

Átmenetek

097

A linear-gradient függvény

098

A radial-gradient függvény

099

A repeating-linear-gradient függvény

100

A repeating-radial-gradient függvény

Kivágás

101

A clip tulajdonság

102

A clip-path tulajdonság

103

A mask tulajdonság

104

A mask-position tulajdonság

105

A mask-image tulajdonság

106

A mask-mode tulajdonság

107

A mask-size tulajdonság

108

A mask-repeat tulajdonság

109

A mask-origin tulajdonság

110

A mask-clip tulajdonság

111

A mask-composite tulajdonság

Szegély kép

112

A border-image tulajdonság

113

A border-image-source tulajdonság

114

A border-image-slice tulajdonság

115

A border-image-repeat tulajdonság

116

A border-image-outset tulajdonság

117

A border-image-width tulajdonság

Egér kezelése

118

A selection pszeudoelem

119

A user-select tulajdonság - szöveg kijelölésének tiltása

120

A pointer-events tulajdonság

121

A cursor tulajdonság

Stílus

122

A !important parancs

123

A media parancs

124

A supports parancs

125

Az import parancs

126

A default pszeudoklasszis

127

A fullscreen pszeudoosztály

128

Az in-range pszeudoosztály

129

A pseudoclass indeterminate

130

A :invalid pszeudoklasszús

131

Az optional pszeudoklassz

132

Az out-of-range pszeudoosztály

133

A placeholder-shown pszeudoosztály

134

A read-only pszeudoklasszis

135

A read-write pszeudoosztály

136

A required pszeudoklasszis

137

A valid pszeudoklasszusz

138

A caret-color tulajdonság

139

A focus-within pszeudoosztály

140

A scroll-behavior tulajdonság

Listák

141

A list-style-type tulajdonság

142

A list-style-position tulajdonság

143

A list-style-image tulajdonság

144

A list-style tulajdonság

Táblázatok

145

A border-collapse tulajdonság

146

A border-spacing tulajdonság

147

Az empty-cells tulajdonság

148

A table-layout tulajdonság

Hivatkozások

149

link pszeudoklasszis

150

A visited pszeudoosztály

151

Hover pszeudoklasszis

152

active pszeudoklasszis

Űrlapok

153

A focus pszeudoosztály

154

A placeholder pszeudoelem

155

A checked pszeudoklasszis

156

A disabled pszeudoklasszis

157

enabled pszeudoklasszis

Méretek

158

A width tulajdonság

159

A height tulajdonság

160

A min-width tulajdonság

161

A max-width tulajdonság

162

A min-height tulajdonság

163

A max-height tulajdonság

Margók

164

A margin tulajdonság

165

A margin-top tulajdonság

166

A margin-bottom tulajdonság

167

A margin-left tulajdonság

168

margin-right tulajdonság

169

A padding tulajdonság

170

A padding-top tulajdonság

171

A padding-bottom tulajdonság

172

A padding-left tulajdonság

173

A padding-right tulajdonság

174

A padding-block-end tulajdonság

175

A padding-block-start tulajdonság

176

A padding-inline-end tulajdonság

177

A padding-inline-start tulajdonság

Egyebek

178

A box-sizing tulajdonság

179

A display tulajdonság

180

A resize tulajdonság

181

Az aspect-ratio tulajdonság

182

Az object-fit tulajdonság

Számítások

183

calc függvény

184

A clamp függvény

185

min függvény

186

max függvény

Méret egységek

187

A px mértékegység

188

Az em mértékegység

189

A rem mértékegység

190

% egység

191

A fr mértékegység

192

A vw mértékegység

193

A vh mértékegység a CSS-ben

194

A vmax mértékegység

195

A vmin mértékegység

Flexbox

196

A flex-direction tulajdonság

197

A justify-content tulajdonság

198

Az align-items tulajdonság

199

A flex-wrap tulajdonság

200

A flex-flow tulajdonság

201

Az align-self tulajdonság

202

Az order tulajdonság

203

A flex-basis tulajdonság

204

A flex-grow tulajdonság

205

A flex-shrink tulajdonság

206

A flex tulajdonság

Grid

207

A grid-column-start tulajdonság

208

A grid-column-end tulajdonság

209

A grid-column tulajdonság

210

A grid-row-start tulajdonság

211

A grid-row-end tulajdonság

212

A grid-row tulajdonság

213

A grid-template-columns tulajdonság

214

A grid-auto-columns tulajdonság

215

A grid-template-rows tulajdonság

216

A grid-auto-rows tulajdonság

217

A grid-template-areas tulajdonság

218

A grid-area tulajdonság

219

A gap tulajdonság

220

A row-gap tulajdonság

221

A column-gap tulajdonság

222

A grid tulajdonság

223

A grid-auto-flow tulajdonság

224

A grid-template tulajdonság

225

Az align-content tulajdonság

226

A justify-items tulajdonság

227

A place-items tulajdonság

228

A justify-self tulajdonság

229

A place-self tulajdonság

230

A place-content tulajdonság

Pozicionálás

231

A position tulajdonság

232

A z-index tulajdonság

233

A backdrop pszeudoelem

234

A bottom tulajdonság

235

A top tulajdonság

236

A left tulajdonság

237

A right tulajdonság

238

A caption-side tulajdonság

Áramlás

239

A float tulajdonság

240

A clear tulajdonság

241

A shape-outside tulajdonság

242

A shape-margin tulajdonság

Oszlopok

243

A column-count tulajdonság

244

A column-rule tulajdonság

245

A column-width tulajdonság

246

A column-span tulajdonság

247

A columns tulajdonság

Tagadás

248

not pszeudoklasszis

Pozíció szerint

249

first-child pszeudoklasszis

250

A last-child pszeudoosztály

251

nth-child pszeudoklasszis

252

nth-last-child pszeudoklasszis

253

only-child pszeudoklasszis

Típus és pozíció szerint

254

A first-of-type pszeudoosztály

255

last-of-type pszeudoklasszis

256

nth-of-type pszeudoklasszis

257

nth-last-of-type pszeudoklasszis

258

only-of-type pszeudoklasszis

Egyéb

259

Az empty pszeudoosztály

260

A lang pszeudoklasszis

261

A target pszeudoklasszis

Szövegrész

262

A first-letter pszeudoelem

263

A first-line pszeudoelem

Sim átmenetek

264

A transition-duration tulajdonság

265

A transition-delay tulajdonság

266

A transition-property tulajdonság

267

A transition-timing-function tulajdonság

268

A transition tulajdonság

Animáció

269

A @keyframes parancs

270

Az animation-name tulajdonság

271

Az animation-duration tulajdonság

272

Az animation-delay tulajdonság

273

Az animation-timing-function tulajdonság

274

Az animation-iteration-count tulajdonság

275

Az animation-direction tulajdonság

276

Az animation-fill-mode tulajdonság

277

Az animation-play-state tulajdonság

278

Az animation tulajdonság

Transzformációk

279

A transform tulajdonság

280

A transform-origin tulajdonság

Forgatás

281

A rotate függvény

282

A rotateX függvény

283

A rotateY függvény

284

A rotateZ függvény

285

A rotate3d függvény

Méretezés

286

A scale függvény

287

A scaleX függvény

288

A scaleY függvény

Ferdítés

289

A skew függvény

290

A skewX függvény

291

A skewY függvény

Eltolás

292

A translate függvény

293

A translateX függvény

294

A translateY függvény

Szöveg beszúrása

295

Az after pszeudoelem

296

A before pszeudoelem

297

A content tulajdonság

298

Az attr függvény

Számlálók

299

A counter-increment tulajdonság

300

A counter-reset tulajdonság

Választók

301

Kontextuális szelektor a CSS-ben

302

Gyermek szelektor a CSS-ben

303

Szomszédos szelektor CSS-ben

304

Testvér szelektor CSS-ben

305

Univerzális szelektor a CSS-ben

Választók

306

Attribútumnév-szelektor

307

Attribútumérték-szelektor

308

Attribútumérték eleme szerinti szelektor

309

Attribútumérték-végződés szelektor

310

Attribútumszöveg szelektor

311

Attribútum érték szelektor

312

Attribútumválasztó értékben kötőjel alapján